عنصر HTML: داده

HTML <data> عنصر نشان دهنده داده های قابل خواندن توسط ماشین است. این عنصر متادیتا را برای رایانه ها فراهم می کند، مانند داده ها برای موتورهای جستجو یا سایر ابزارهای پردازش.

می توانید استفاده کنید <data> هنگامی که یک اسکریپت دارای ارزش تحت اللفظی برای ذخیره در کنار یک مقدار قابل خواندن توسط انسان است، با اسکریپت ها در یک صفحه وب برچسب بزنید. قالب مورد استفاده فقط به نیازهای اسکریپت بستگی دارد.

نحو

1

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

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

مثال ها

در اینجا یک مثال اساسی از <data> عنصر

1

<p>The total revenue for Q1 2021 was $<data value="50000">50,000</data>.</p>

در اینجا مثال دیگری با استفاده از جاوا اسکریپت آمده است. قیمت فعلی بیت کوین را به دلار آمریکا دریافت می کند و قیمت به روز شده را با هر بازخوانی صفحه نمایش می دهد.

نحو

1

<div class="container">

2

  <p>The current price of Bitcoin is: <data id="bitcoin-price"></data> USD</p>

3

</div>

نتیجه

ویژگی های

را <data> عنصر پشتیبانی می کند ویژگی های جهانی در HTML. ویژگی های جهانی برای همه عناصر HTML مشترک هستند و می توانند روی همه آنها استفاده شوند (اگرچه ممکن است روی برخی تأثیر زیادی نداشته باشند).

را <data> عنصر به طور خاص از ویژگی زیر پشتیبانی می کند:

• 
  value: مقدار داده ها را مشخص می کند.

محتوا

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

آیا میدانستید؟

• را <data> عنصر اغلب با CSS برای پنهان کردن داده های قابل خواندن توسط ماشین از کاربران انسانی استفاده می شود و در عین حال برای ماشین ها قابل دسترسی است.
• را <data> عنصر مشابه است <meta> عنصر، که ابرداده در مورد سند HTML را ارائه می دهد.

بیشتر بدانید