معرفی و کاربرد تگ 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 | مقدار | کاربرد ویژگی در سند HTML |
open | open | مشخص می کند که تگ dialog فعال است و کاربر به وسیله آن می تواند تعامل داشته باشد. |
ویژگی های عمومی تگ <dialog> در HTML
تگ <dialog> از کلیه ویژگی های عمومی در سند HTML پشتیبانی می کند.
برای متخصص شدن در طراحی سایت فروشگاهی با وردپرس روی لینک زیر کلیک کن و تو دوره ثبت نام کن:
دوره فوق حرفه ای آموزش طراحی سایت فروشگاهی با وردپرس پروژه محور
برای متخصص شدن در طراحی بخش Front End سایت روی لینک زیر کلیک کن و تو دوره ثبت نام کن:
دوره فوق حرفه ای آموزش طراحی وب با HTML5 و CSS3 و jQuery
برای متخصص شدن در بهینه سازی و سئوی سایت روی لینک زیر کلیک کن و تو دوره ثبت نام کن:
دوره آموزش سئو محتوا کاملا حرفه ای براساس آخرین آپدیت های گوگل
پشتیبانی مرورگرها از عنصر <dialog> در اچ تی ام ال
اولین نسخه ی مرورگرهای معتبری که به طور کامل از تگ <dialog> پشتیبانی کرده اند، عبارتنداز:
تگ | مرورگر فایرفاکس | مرورگر اینترنت اکسپلورر | مرورگر گوگل کروم | مرورگر سافاری | مرورگر اپرا |
dialog | 37 به بالا | پشتیبانی نمی شود | پشتیبانی نمی شود | 6.0 به بالا | 24 به بالا |
پیوندهای مهم و کاربردی
تگ های HTML در سایت آموزی | تگ های جدید HTML5 در سایت آموزی | صفات تگ های HTML در سایت آموزی | تگ های منسوخ شده HTML5 در سایت آموزی | تگ های block level و inline level در سایت آموزی | تگ های HTML در W3school | ویژگی های CSS در سایت آموزی | ویژگی های CSS در W3schools
معرفی و کاربرد تگ dialog در HTML باکس محاوره سند – اختصاصی سایت آموزی
درباره سایت آموزی
علیرضا ابراهیمی - بنیانگذار وبسایت آموزشی سایت آموزی ، 8 سال سابقه فعالیت حرفه ای در زمینه طراحی سایت ، سئو ، سابقه تدریس اغلب زبان های برنامه نویسی تحت وب ، محقق و تحلیلگر ساختارهای توسعه دهنده وب
نوشته های بیشتر از سایت آموزی
دیدگاهتان را بنویسید