این آموزش در تاریخ ۱۴۰۲/۰۶/۲۳ آپدیت شده است.
آموزش تگ data در HTML
سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش تگ data در HTML با من همراه باشید.
Free-Learn
آنچه در این جلسه میخوانید :
تگ Data در HTML
تگ data خب از اسمشم مشخصه، تگی است که با استفاده از آن میتوان یک داده قابل خواندن یا قابل درک ( توسط نرم افزارهای خواننده یا موتورهای جستجوگر و .. ) را ایجاد نمود.
مقداری که درون خوده این تگ قرار میگیره خب تو مرورگرها برای خودمون انسان ها نمایش داده میشه ولی مقداری که درون صفت value قرار میگیره دیگه تو مرورگرها نشون داده نمیشه ولی خب قابل درک و پیگیری توسط خوده مرورگرها ، موتورهای جستجوگر و.. می باشد.
Free-Learn
مثال از تگ data در HTML
در ادامه میتوانید یک مثال از این تگ را مشاهده نمایید.
مثال شماره ۱ : مثلا من گفتم محصولات جدید ما اینا هستن، بعد مثلا کیف دستی زنانه چیزی هست که در مرورگر نمایش داده میشه و چیزی که داخل صفت value هست در واقع کد محصول هستش.
|
1 2 3 4 5 6 7 8 9 10 |
<body> <h2>محصولات جدید ما</h2> <ul> <li><data value="1001">کیف دستی زنانه</data></li> <li><data value="1002">کیف دستی مردانه</data></li> <li><data value="1003">کیف مدرسه ای بچگانه</data></li> </ul> </body> |
Free-Learn
پشتیبانی مرورگرها
در جدول زیر میتوانید مشاهده نمایید که آیا مرورگرهای اینترنتی از تگ data در HTML پشتیبانی میکنند یا خیر.
| نام مرورگر | Chrome | Firefox | Opera | Safari | Edge |
| پشتیبانی | بله | بله | بله | بله | بله |
Free-Learn
جدول صفات تگ data در HTML
در جدول زیر میتوانید صفات بهمراه مقادیری را که میتوان در این تگ استفاده کرد را مشاهده نمایید.
| نام صفت | مقدار | توضیح |
|---|---|---|
| value | value | یک مقدار / محتوای قابل درک مشخص مینماید |
Free-Learn
پشتیبانی از صفات و رویدادهای عمومی
تگ data تنها از صفات عمومی در HTML پشتیبانی می کند.
Free-Learn
نکات و توضیحات
- نکته یا توضیح خاصی وجود ندارد.
