معرفی و کاربرد تگ data در html ترجمه زبان ماشین

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

دوره فوق حرفه ای طراحی سایت با HTML5 و CSS3 و jQuery

در این مقاله از سایت آموزی قصد داریم به معرفی تگ جدید data در HTML5 که به تازگی معرفی شده است ، جهت استفاده شما کاربران گرامی توضیحاتی ارائه نماییم.

data ترجمه زبان ماشین - سایت آموزی

کاربرد تگ جدید data در HTML5

تگ جدید data در html5 به تازگی و در اواسط سال ۲۰۱۸ معرفی شد.

تگ <data> جهت برقراری ارتباط بین یک زبان قابل ترجمه توسط ماشین و محتوای مورد نظر کاربرد دارد.

در حقیقت تگ <data> هم یک مقدار ( value ) قابل تشخیص برای زبان ماشین و هم یک مقدار قابل درک برای انسان را در مرورگر های اینترنتی ، رندر می کند.

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

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

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

دوره فوق حرفه ای طراحی سایت با HTML5 و CSS3 و jQuery

نکته مهم در مورد تگ جدید data در HTML5

اگر محتوای داخل تگ <data> مربوط به زمان یا تاریخ باشد، از این تگ استفاده نکنید. و به جای تگ <data> در این مورد از تگ time در سند HTML5 باید استفاده نمایید.

مثال در مورد استفاده تگ <data> در html

[html]<p>مثال زیر علاوه بر نام محصولات ، یک شماره را برای هر محصول به شکل مجزا تعریف نموده است:</p>
<ul>
<li><data value=”81293″>گوجه فرنگی گیلاسی</data></li>
<li><data value=”51334″>گوجه فرنگی گوشتی</data></li>
<li><data value=”61185″>اسنک گوجه فرنگی</data></li>
</ul>[/html]

خروجی کد در مرورگر اینترنتی

مثال زیر علاوه بر نام محصولات ، یک شماره را برای هر محصول به شکل مجزا تعریف نموده است:

  • گوجه فرنگی گیلاسی
  • گوجه فرنگی گوشتی
  • اسنک گوجه فرنگی

معرفی و کاربرد تگ data در html ترجمه زبان ماشین

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

تگ جدید data تنها در آخرین نسخه HTML یعنی HTML5 و در سال ۲۰۱۸ تعریف شده است.

تگ جدید data در HTML 4.0.1 و ورژن های قدیمی تر وجود نداشته و پشتیبانی نمی شود.

خصوصیات ویژه تگ <data> در HTML5

تنها خاصیت ویژه تگ جدید data در HTML5 ، خاصیت value می باشد.

این خاصیت یک مقدار عددی قابل تشخیص برای زبان ماشین می گیرد.

همین مقدار جهت ارتباط بین محتوای درونی تگ <data> و مقدار قابل ترجمه توسط زبان ماشین کاربرد دارد.

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

تگ <data> از کلیه خصوصیات عمومی در html پشتیبانی می کند.

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

تگ <data> از کلیه رویدادهای عمومی در html پشتیبانی می کند.

معرفی لیست عناصر HTML5

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

تگ جدید data در تمام نسخه های مرورگر اینترنت اکسپلورر ، در مرورگر گوگل کروم از نسخه ۶۲.۰ به بالا ، در مرروگر فایرفاکس از نسخه ۲۲.۰ به بالا و در مرورگر اپرا از نسخه ۴۹.۰ به بالا پشتیبانی می شود.

مرورگر اینترنتی سافاری از تگ جدید data پشتیبانی نمی کند.

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

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

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

دوره فوق حرفه ای طراحی سایت با HTML5 و CSS3 و jQuery

جدول پشتیبانی مرورگرهای اینترنتی از تگ <data>

پیوندهای مهم و کاربردی

تگ های HTML در سایت آموزی

تگ های جدید HTML5 در سایت آموزی

صفات تگ های HTML در سایت آموزی

تگ های منسوخ شده HTML5 در سایت آموزی

تگ های block level و inline level در سایت آموزی

تگ های HTML در W3school

ویژگی های CSS در سایت آموزی

ویژگی های CSS در W3schools

معرفی و کاربرد تگ data در html ترجمه زبان ماشین – اختصاصی سایت آموزی