صفت عمومی *-data در html
صفت عمومی *-data در html داده های سفارشی صفحه وب
برای متخصص شدن در طراحی بخش Front End سایت روی لینک زیر کلیک کن و تو دوره ثبت نام کن:
دوره فوق حرفه ای طراحی سایت با HTML5 و CSS3 و jQuery
در این مقاله از سایت آموزی جهت استفاده شما همراهان گرامی به معرفی و کاربرد ویژگی عمومی *-data در سند HTML می پردازیم. ویژگی *-data ، یک ویژگی جدید می باشد، که در HTML5 تعریف شده است.
معرفی و کاربرد ویژگی عمومی *-data در سند HTML
ویژگی عمومی *-data ، صفتی است که ما با استفاده از آن میتوانیم داده های سفارشی را ایجاد نماییم. همین داده های سفارشی را می توانیم توسط کدهای جاوا اسکریپت فراخوانی کنیم.
برای متخصص شدن در طراحی سایت فروشگاهی با وردپرس روی لینک زیر کلیک کن و تو دوره ثبت نام کن:
دوره فوق حرفه ای طراحی سایت فروشگاهی با وردپرس پروژه محور
برای متخصص شدن در طراحی بخش Front End سایت روی لینک زیر کلیک کن و تو دوره ثبت نام کن:
دوره فوق حرفه ای طراحی سایت با HTML5 و CSS3 و jQuery
صفت data-* جهت ذخیره داده های سفارشی مرتبط با یک صفحه وب و یا یک برنامه به کار می رود. این ویژگی این امکان را به ما می دهد تا صفات داده ای سفارشی را برای هریک از عناصر صفحه تعریف کنیم. داده های سفارشی امکان استفاده در جاوا اسکریپت برای ایجاد اهداف خاص را بدون استفاده از فراخوانی ajax یا جستارهای پایگاه داده سمت سرور به طراح سایت می دهند.
نکات مهم
1- نام صفت نباید حاوی حروف بزرگ انگلیسی باشد.
2- حداقل یک حرف لاتین باید بعد از پیشوند -data قرار گیرد.
3- مقدار ویژگی *-data از نوع رشته ای یا string می باشد.
مثال در مورد استفاده از ویژگی عمومی *-data
<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 | ![]() | ![]() | ![]() | ![]() | ![]() |
*-data | 4.0 | 5.5 | 2.0 | 3.1 | 9.6 |
پیوندهای مهم و کاربردی
تگ های جدید HTML5 در سایت آموزی
صفات تگ های HTML در سایت آموزی
تگ های منسوخ شده HTML5 در سایت آموزی
تگ های block level و inline level در سایت آموزی
صفت عمومی *-data در html داده های سفارشی صفحه وب – اختصاصی سایت آموزی
درباره سایت آموزی
علیرضا ابراهیمی - بنیانگذار وبسایت آموزشی سایت آموزی ، 8 سال سابقه فعالیت حرفه ای در زمینه طراحی سایت ، سئو ، سابقه تدریس اغلب زبان های برنامه نویسی تحت وب ، محقق و تحلیلگر ساختارهای توسعه دهنده وب
نوشته های بیشتر از سایت آموزی
دیدگاهتان را بنویسید