فروشگاه همواره تخفیف 2050
0 محصولات نمایش سبد خرید

هیچ محصولی در سبد خرید نیست.

اموزش تگ data در HTML

ذهن انسان محدودیت نداره

کاربرد تگ data

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

به عنوان مثال ، ممکن است شما یک اسکریپت داشته باشید که به یک قالب خاص نیاز به داده دارد. با این وجود این قالب مورد قبول نیست. با استفاده از تگ <data> می توانید مقدار را در دو قالب مختلف ارائه دهید. یک فرمت قابل خواندن دستگاه و یک قالب کاربر پسندباشد(به عنوان مثال ، ۱۰ و ده). شما همچنین می توانید دو مقدار متفاوت ارائه دهید. و تا زمانی که آنها یک چیز را نشان دهند (برای مثال : یک شناسه کتاب و یک عنوان کتاب که هر دو نشان دهنده یک کتاب هستند).

اگر مقدار مربوط به تاریخ یا زمان است ، به جای آن از تگ <time> استفاده کنید.

Syntax

تگ (برچسب) <data> به صورت <data value = ""> </data> با محتویات قابل استفاده باشد, درج شده بین برچسب های شروع و پایان نوشته شده است.ویژگی مقدار قابل خواندن دستگاه را ارائه می دهد.

به این صورت:

<data value="machine-readble-data">
	User friendly content...
</data>

مثال ها ی data tag:

شناسه محصول
سناریوی استفاده معمولی هنگام نمایش لیستی از محصولات خواهد بود. هر محصول دارای یک شناسه محصول منحصر به فرد است. 
اما شناسه محصول یک عدد طولانی است ، بنابراین چندان قابل استفاده کاربر نیست. با استفاده از تگ <data> ،  شناسه محصول را در جایگاه مقدار قرار دهید.
 عنوان محصول را بین برچسب های شروع و پایان قرار دهید.
<h4>Recommended Reading</h4>
<ul>
<li><data value="0972509461">My Big TOE</data></li>
<li><data value="0385008619">Journeys Out of the Body</data></li>
<li><data value="B00GVFNTX8">The Science Delusion</data></li>
</ul>

نوشتن دادن عدد در HTML

همچنین می توانید از علامت <data> برای نشان دادن اعداد بیان شده به دو روش مختلف (به عنوان مثال ، ۲ و دو) استفاده کنید.

<h4>Most Popular Numbers</h4>
<ul>
<li><data value="1">One</data></li>
<li><data value="2">Two</data></li>
<li><data value="3">Three</data></li>
</ul>

مشخصات

ویژگی ها را می توان به عنصر HTML اضافه کرد تا اطلاعات بیشتری درباره نحوه ظاهر یا رفتار آن عنصر ارائه دهد.

data tag ویژگی های زیر را می پذیرد.

AttributeDescription
valueمتن رویه تگ را نمایش میدهد

برگزار کنندگان رویداد

ویژگی های محتوای کنترل کننده رویداد به شما امکان می دهد اسکریپتی را از درون HTML خود استناد کنید. وقتی یک “رویداد” خاص رخ می دهد ، از فیلمنامه استفاده می شود. هر ویژگی محتوای کنترل کننده رویداد با یک رویداد متفاوت سروکار دارد.

دیدگاه‌های نوشته