صفت عمومی *-data در html داده های سفارشی صفحه وب

برای متخصص شدن در طراحی بخش Front End سایت روی لینک زیر کلیک کن و تو دوره ثبت نام کن:

دوره فوق حرفه ای طراحی سایت با HTML5 و CSS3 و jQuery

در این مقاله از سایت آموزی جهت استفاده شما همراهان گرامی به معرفی و کاربرد ویژگی عمومی *-data در سند HTML می پردازیم. ویژگی *-data ، یک ویژگی جدید می باشد، که در HTML5 تعریف شده است.

صفت عمومی *-data در html داده های سفارشی صفحه وب - سایت آموزی

معرفی و کاربرد ویژگی عمومی *-data در سند HTML

ویژگی عمومی *-data ، صفتی است که ما با استفاده از آن میتوانیم داده های سفارشی را ایجاد نماییم. همین داده های سفارشی را می توانیم توسط کدهای جاوا اسکریپت فراخوانی کنیم.

برای متخصص شدن در طراحی سایت فروشگاهی با وردپرس روی لینک زیر کلیک کن و تو دوره ثبت نام کن:

دوره فوق حرفه ای طراحی سایت فروشگاهی با وردپرس پروژه محور

برای متخصص شدن در طراحی بخش Front End سایت روی لینک زیر کلیک کن و تو دوره ثبت نام کن:

دوره فوق حرفه ای طراحی سایت با HTML5 و CSS3 و jQuery

صفت data-* جهت ذخیره داده های سفارشی مرتبط با یک صفحه وب و یا یک برنامه به کار می رود. این ویژگی این امکان را به ما می دهد تا صفات داده ای سفارشی را برای هریک از عناصر صفحه تعریف کنیم. داده های سفارشی امکان استفاده در جاوا اسکریپت برای ایجاد اهداف خاص را بدون استفاده از  فراخوانی ajax یا جستارهای پایگاه داده سمت سرور به طراح سایت می دهند.

نکات مهم

۱- نام صفت نباید حاوی حروف بزرگ انگلیسی باشد.

۲- حداقل یک حرف لاتین باید بعد از پیشوند -data قرار گیرد.

۳- مقدار ویژگی *-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 در سایت آموزی

تگ های جدید HTML5 در سایت آموزی

صفات تگ های HTML در سایت آموزی

تگ های منسوخ شده HTML5 در سایت آموزی

تگ های block level و inline level در سایت آموزی

تگ های HTML در W3school

صفت عمومی *-data در html داده های سفارشی صفحه وب – اختصاصی سایت آموزی