معرفی و کاربرد تگ data در html

معرفی و کاربرد تگ data در html | معرفی و کاربرد عنصر data در HTML5

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

معرفی و کاربرد عنصر data در HTML5 | معرفی و کاربرد تگ data در html

معرفی و کاربرد تگ data در html | معرفی و کاربرد عنصر data در HTML5

معرفی و کاربرد تگ data در html | معرفی و کاربرد عنصر data در HTML5 | معرفی و کاربرد تگ data در html | معرفی و کاربرد عنصر data در HTML5 | معرفی و کاربرد تگ data در html | معرفی و کاربرد عنصر data در HTML5 | معرفی و کاربرد تگ data در html | معرفی و کاربرد عنصر data در HTML5 | معرفی و کاربرد تگ data در html | معرفی و کاربرد عنصر data در HTML5 | معرفی و کاربرد تگ data در html | معرفی و کاربرد عنصر data در HTML5 | معرفی و کاربرد تگ data در html | معرفی و کاربرد عنصر data در HTML5

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

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

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

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

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

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

معرفی و کاربرد عنصر data در HTML5 | معرفی و کاربرد تگ data در html

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

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

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

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

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

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

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

معرفی و کاربرد عنصر data در HTML5 | معرفی و کاربرد تگ data در html

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

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

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

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

معرفی و کاربرد عنصر data در HTML5 | معرفی و کاربرد تگ data در html

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

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

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

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

معرفی و کاربرد عنصر data در HTML5 | معرفی و کاربرد تگ data در html

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

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

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

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

معرفی و کاربرد عنصر data در HTML5 | معرفی و کاربرد تگ data در html | معرفی و کاربرد عنصر data در HTML5 | معرفی و کاربرد تگ data در html | معرفی و کاربرد عنصر data در HTML5 | معرفی و کاربرد تگ data در html

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

توسط | ۱۳۹۷/۸/۱۱ ،۲۱:۲۵:۱۳ +۰۰:۰۰ آبان ۱۱ام, ۱۳۹۷|html دسته بندی ها|برچسب ها: , , , , , , |بدون دیدگاه

در باره نویسنده :

ثبت ديدگاه

19 − 9 =