ویژگی عمومی *-data در html5
در این مقاله از سایت آموزی جهت استفاده شما همراهان گرامی به معرفی و کاربرد صفت عمومی data در HTML می پردازیم. ویژگی *-data ، یک ویژگی جدید می باشد، که در HTML5 تعریف شده است.
معرفی و کاربرد صفت عمومی *-data در HTML
ویژگی عمومی *-data در سند html ، صفتی است که ما با استفاده از آن میتوانیم داده های سفارشی را ایجاد نماییم. همین داده های سفارشی را می توانیم توسط کدهای جاوا اسکریپت فراخوانی کنیم.
صفت data-* جهت ذخیره داده های سفارشی مرتبط با یک صفحه وب و یا یک برنامه به کار می رود. این ویژگی این امکان را به ما می دهد تا صفات داده ای سفارشی را برای هریک از عناصر صفحه تعریف کنیم.
برای کسب اطلاعات بیشتر در مورد طراحی وب حتما به صفحه آموزش طراحی سایت سر بزنید.
داده های سفارشی امکان استفاده در جاوا اسکریپت برای ایجاد اهداف خاص را بدون استفاده از فراخوانی ajax یا جستارهای پایگاه داده سمت سرور به طراح سایت می دهند.
نکات مهم
1- نام صفت نباید حاوی حروف بزرگ انگلیسی باشد.
2- حداقل یک حرف لاتین باید بعد از پیشوند -data قرار گیرد.
3- مقدار ویژگی *-data از نوع رشته ای یا string می باشد.
مثال در مورد استفاده از صفت عمومی *-data در html
<ul>
<li data-animal-type="bird">Owl</li>
<li data-animal-type="fish">Salmon</li>
<li data-animal-type="spider">Tarantula</li>
</ul>
بررسی ویژگی عمومی *-data در سند html 4.0.1 و HTML5
ویژگی عمومی data-* یک صفت جدید در HTML5 است. و در HTML4.01 و نسخه های قدیمی تر وجود ندارد.
برای متخصص شدن در طراحی سایت فروشگاهی با وردپرس روی لینک زیر کلیک کن و تو دوره ثبت نام کن:
دوره فوق حرفه ای طراحی سایت فروشگاهی با وردپرس پروژه محور
برای متخصص شدن در طراحی بخش Front End سایت روی لینک زیر کلیک کن و تو دوره ثبت نام کن:
دوره فوق حرفه ای آموزش طراحی وب با HTML5 و CSS3 و jQuery
برای متخصص شدن در بهینه سازی و سئوی سایت روی لینک زیر کلیک کن و تو دوره ثبت نام کن:
دوره آموزش سئو محتوا کاملا حرفه ای براساس آخرین آپدیت های گوگل
پشتیبانی مرورگرهای اینترنتی از صفت عمومی data در html
صفت html | |||||
*-data | 4.0 | 5.5 | 2.0 | 3.1 | 9.6 |
-
پیوندهای مهم و کاربردی
تگ های HTML در سایت آموزی | تگ های جدید HTML5 در سایت آموزی | صفات تگ های HTML در سایت آموزی | تگ های منسوخ شده HTML5 در سایت آموزی | تگ های block level و inline level در سایت آموزی | تگ های HTML در W3school | ویژگی های CSS در سایت آموزی | ویژگی های CSS در W3schools
صفت عمومی data در html داده های سفارشی صفحه وب – اختصاصی سایت آموزی
درباره سایت آموزی
علیرضا ابراهیمی - بنیانگذار وبسایت آموزشی سایت آموزی ، 8 سال سابقه فعالیت حرفه ای در زمینه طراحی سایت ، سئو ، سابقه تدریس اغلب زبان های برنامه نویسی تحت وب ، محقق و تحلیلگر ساختارهای توسعه دهنده وب
نوشته های بیشتر از سایت آموزی
دیدگاهتان را بنویسید