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

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

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

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

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

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

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

تگ <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 و در سال 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 پشتیبانی نمی کند.

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

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

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

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