تگ data در HTML

به نام خداوند علم و دانش. سلام به دوستان گرامی و مخاطبین وب سایت آموزشی کدیونی، وقت همگی بخیر، در این صفحه با مطلب تگ data در HTML از سری آموزش های HTML در خدمت شما عزیزان هستیم.

تگ data چیست؟

تگ data محتوای قابل خواندنی را برای ماشین ها ایجاد می کند.

این تگ با <data> شروع شده و با </data> پایان می یابد.

<data>Text</data>

صفت value

مقدار محتوای قابل درک برای ماشین ها را مشخص می کند.

<data value="Value"></data>

مثال تگ data

در مثال زیر، مقدار درون تگ data برای کاربران قابل مشاهده است و مقداری که درون صفت value قرار دارد برای کاربران قابل مشاهده نیست و ماشین ها قابلیت خواندن و درک آن را دارند.

کد:

<ul>
  <li><data value="1">Red</data></li>
  <li><data value="2">Green</data></li>
  <li><data value="3">Blue</data></li>
</ul>

اجرا

سازگاری با مرورگرها

تگ data با مرورگرهای زیر سازگار است:

• گوگل کروم نسخه 62 و بالاتر
• فایرفاکس نسخه 22 و بالاتر
• اج نسخه 18 و بالاتر
• اپرا نسخه 49 و بالاتر
• سافاری نسخه 10 و بالاتر
• گوگل کروم اندروید نسخه 62 و بالاتر
• فایرفاکس اندروید نسخه 22 و بالاتر
• اپرا اندروید نسخه 46 و بالاتر
• سافاری iOS نسخه 10 و بالاتر