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

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

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

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

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

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

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

نکته مهم در مورد تگ جدید 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 و در سال 2018 تعریف شده است.

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

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

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

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

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

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

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

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

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

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

تگ جدید data در تمام نسخه های مرورگر اینترنت اکسپلورر ، در مرورگر گوگل کروم از نسخه 62.0 به بالا ، در مرروگر فایرفاکس از نسخه 22.0 به بالا و در مرورگر اپرا از نسخه 49.0 به بالا پشتیبانی می شود.

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

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

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

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

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

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

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

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

تگ های HTML در W3school

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

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

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