آموزش HTML – تگ dialog

نویسنده : مرتضی گنج | تاریخ انتشار : 2020/01/01 | بخش : آموزش HTML

تعریف و کاربرد تگ dialog در HTML

تگ dialog تگی است که با استفاده از آن می توانید یک پنجره بازشو یا یک پنجره پاپ آپ یا مودال را ایجاد نماییم.

این تگ در حالت عادی شکل و شمایل خاصی ندارد ولی شما می توانید با استفاده از CSS به راحتی به آن استایل بدهید و یا همچنین با استفاده از JavaScript به آن امکاناتی همچون (باز و بسته شدن توسط کاربر) را بدهید .

تگ <dialog> یک جعبه یا پنجره محاوره را تعریف می کند.

تگ <dialog> ایجاد پنجره های popup و modals (کیفیتی) در یک صفحه وب را آسان می کند.

 

مثال از تگ dialog در HTML

<p>سایتکده وب سایت آموزش برنامه نویسی</p>
<p>سایتکده وب سایت آموزش برنامه نویسی</p>
<p>سایتکده وب سایت آموزش برنامه نویسی</p>

<dialog open>
این یک دیالوگ باز است
</dialog>

<p>سایتکده وب سایت آموزش برنامه نویسی</p>
<p>سایتکده وب سایت آموزش برنامه نویسی</p>
<p>سایتکده وب سایت آموزش برنامه نویسی</p>
<p>سایتکده وب سایت آموزش برنامه نویسی</p>

تمرین کنید !

پشتیبانی مرورگرها از تگ <dialog>

Element
<dialog> ۳۷٫۰ ۵۹٫۰ پشتیبانی نمی شود ۶٫۰ ۲۴٫۰

جدول صفات تگ dialog در HTML

نام صفت  مقدار توضیح
open open دیالوگ را بصورت پیش فرض در مرورگر نمایش می دهد.