معرفی و کاربرد تگ dialog در HTML باکس محاوره سند

معرفی و کاربرد تگ dialog در HTML باکس محاوره سند

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

تگ <dialog> در HTML

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

این تگ در HTML بخشی از یک برنامه کاربردی را نشان می دهد که کاربر می تواند با آن در تعامل باشد.همراه با تگ <dialog> از یک خاصیت boolean به نام open استفاده میشود که این عنصر را فعال میکند.

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

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

تگ <dialog> مانند بسیاری از تگ های HTML دارای یک تگ باز ( Opening tag ) و یک تگ بسته ( Closing tag ) در سند HTML می باشد.

اگر این خاصیت حذف شود، باید برای فعال کردن تگ <dialog> و باز و بسته کردن آن در صورت نیاز ، از یک اسکریپت (مانند جاوا اسکریپت) استفاده شود.

بررسی تگ <dialog> در HTML 4.01 و HTML5

تگ <dialog> یک تگ جدید در HTML5 است. و در نسخه HTML4.01 به پایین پشتیبانی نمی شد.

ویژگی های خصوصی تگ <dialog> در HTML

ویژگی خصوصی جدید OPEN درون تگ <dialog>


ویژگی خصوصی OPEN درون تگ dialog	مقدار	کاربرد ویژگی در سند HTML
open	open	مشخص می کند که تگ dialog فعال است و کاربر به وسیله آن می تواند تعامل داشته باشد.

ویژگی های عمومی تگ <dialog> در HTML

تگ <dialog> از کلیه ویژگی های عمومی در سند HTML پشتیبانی می کند.

برای متخصص شدن در طراحی سایت فروشگاهی با وردپرس روی لینک زیر کلیک کن و تو دوره ثبت نام کن:

دوره فوق حرفه ای طراحی سایت فروشگاهی با وردپرس پروژه محور

برای متخصص شدن در طراحی بخش Front End سایت روی لینک زیر کلیک کن و تو دوره ثبت نام کن:

دوره فوق حرفه ای طراحی سایت با HTML5 و CSS3 پروژه محور

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

اولین نسخه ی مرورگرهای معتبری که به طور کامل از تگ <dialog> پشتیبانی کرده اند، عبارتنداز:


تگ	مرورگر فایرفاکس	مرورگر اینترنت اکسپلورر	مرورگر گوگل کروم	مرورگر سافاری	مرورگر اپرا
dialog	37 به بالا	پشتیبانی نمی شود	پشتیبانی نمی شود	6.0 به بالا	24 به بالا