معرفی و کاربرد تگ data در html
در این مقاله از سایت آموزی قصد داریم به معرفی تگ data در HTML که به تازگی معرفی شده است ، جهت استفاده شما کاربران گرامی توضیحاتی ارائه نماییم.
کاربرد تگ data در HTML5
تگ جدید data در html5 به تازگی و در اواسط سال 2018 معرفی شد.
تگ <data> جهت برقراری ارتباط بین یک زبان قابل ترجمه توسط ماشین و محتوای مورد نظر کاربرد دارد.
در حقیقت تگ <data> هم یک مقدار ( value ) قابل تشخیص برای زبان ماشین و هم یک مقدار قابل درک برای انسان را در مرورگر های اینترنتی ، رندر می کند.
نکته مهم در مورد تگ جدید data در HTML5
اگر محتوای داخل تگ <data> مربوط به زمان یا تاریخ باشد، از این تگ استفاده نکنید. و به جای تگ <data> در این مورد از تگ time در سند HTML5 باید استفاده نمایید.
مثال در مورد استفاده تگ <data> در html
<p>مثال زیر علاوه بر نام محصولات ، یک شماره را برای هر محصول به شکل مجزا تعریف نموده است:</p>
<ul>
<li><data value=”81293″>گوجه فرنگی گیلاسی</data></li>
<li><data value=”51334″>گوجه فرنگی گوشتی</data></li>
<li><data value=”61185″>اسنک گوجه فرنگی</data></li>
</ul>
خروجی کد در مرورگر اینترنتی
مثال زیر علاوه بر نام محصولات ، یک شماره را برای هر محصول به شکل مجزا تعریف نموده است:
- گوجه فرنگی گیلاسی
- گوجه فرنگی گوشتی
- اسنک گوجه فرنگی
معرفی و کاربرد تگ data در html ترجمه زبان ماشین
بررسی تگ <data> در HTML 4.01 و HTML5
تگ جدید data تنها در آخرین نسخه HTML یعنی HTML5 و در سال 2018 تعریف شده است.
تگ جدید data در HTML 4.0.1 و ورژن های قدیمی تر وجود نداشته و پشتیبانی نمی شود.
خصوصیات ویژه تگ data در HTML
تنها خاصیت ویژه تگ جدید data در HTML5 ، خاصیت value می باشد.
این خاصیت یک مقدار عددی قابل تشخیص برای زبان ماشین می گیرد.
همین مقدار جهت ارتباط بین محتوای درونی تگ <data> و مقدار قابل ترجمه توسط زبان ماشین کاربرد دارد.
ویژگی های عمومی تگ <data> در HTML
تگ <data> از کلیه خصوصیات عمومی در html پشتیبانی می کند.
رویدادهای عمومی تگ <data> در HTML
تگ <data> از کلیه رویدادهای عمومی در html پشتیبانی می کند.
پشتیبانی مرورگرها از تگ <data> در HTML
تگ جدید data در تمام نسخه های مرورگر اینترنت اکسپلورر ، در مرورگر گوگل کروم از نسخه 62.0 به بالا ، در مرروگر فایرفاکس از نسخه 22.0 به بالا و در مرورگر اپرا از نسخه 49.0 به بالا پشتیبانی می شود.
مرورگر اینترنتی سافاری از تگ جدید data پشتیبانی نمی کند.
برای متخصص شدن در طراحی سایت فروشگاهی با وردپرس روی لینک زیر کلیک کن و تو دوره ثبت نام کن:
دوره فوق حرفه ای طراحی سایت فروشگاهی با وردپرس پروژه محور
برای متخصص شدن در طراحی بخش Front End سایت روی لینک زیر کلیک کن و تو دوره ثبت نام کن:
دوره فوق حرفه ای آموزش طراحی سایت با HTML5 و CSS3 و jQuery
برای متخصص شدن در بهینه سازی و سئوی سایت روی لینک زیر کلیک کن و تو دوره ثبت نام کن:
دوره آموزش سئو محتوا کاملا حرفه ای براساس آخرین آپدیت های گوگل
جدول پشتیبانی مرورگرهای اینترنتی از تگ <data>
تگ | |||||
data | 62.0 | بله | 22.0 | پشتیبانی نمی شود. | 49.0 به بالا |
پیوندهای مهم و کاربردی
تگ های جدید HTML5 در سایت آموزی
صفات تگ های HTML در سایت آموزی
تگ های منسوخ شده HTML5 در سایت آموزی
تگ های block level و inline level در سایت آموزی
معرفی و کاربرد تگ data در html ترجمه زبان ماشین – اختصاصی سایت آموزی
درباره سایت آموزی
علیرضا ابراهیمی - بنیانگذار وبسایت آموزشی سایت آموزی ، 8 سال سابقه فعالیت حرفه ای در زمینه طراحی سایت ، سئو ، سابقه تدریس اغلب زبان های برنامه نویسی تحت وب ، محقق و تحلیلگر ساختارهای توسعه دهنده وب
نوشته های بیشتر از سایت آموزی
دیدگاهتان را بنویسید