اتریبیوت data
یک سری اتریبیوت ها تحت عنوان data attribute وجود دارند که نام و مقدار آنها کاملا اختیاری بوده و برنامه نویس با توجه به شرایط و پروژه خود می تواند آنها را برای تگ های خود تعریف کند. کاربرد این گونه اتریبیوت ها بیشتر در بک اند بوده، و به طور ویژه در جاوااسکریپت از آنها بسیار استفاده می شود. توجه نمایید، اگرچه نامگذاری این نوع از اتریبیوت کاملا دلخواه است، اما این نام حتما باید با عبارت “-data“ آغاز شود.
به عنوان مثال در کد زیر فهرستی از نام کاربران یک وبسایت ایجاد شده است که برای دسترسی بهتر به آنها (به ویژه در بک اند و جاوااسکریپت)، از یک data attribute برای تعیین نقش آنها در وبسایت استفاده شده است.
همان طور که مشاهده می شود، نام این اتریبیوت یک نام دلخواه است که با عبارت “data-“ آغاز می شود. همچنین مقادیر قرار گرفته درون این اتریبیوت نیز کاملا به صورت دلخواه انتخاب شده اند.
نکته
در نام گذاری یک data attribute نمی توان از حروف بزرگ استفاده کرد.
به عنوان مثال در کد زیر فهرستی از نام کاربران یک وبسایت ایجاد شده است که برای دسترسی بهتر به آنها (به ویژه در بک اند و جاوااسکریپت)، از یک data attribute برای تعیین نقش آنها در وبسایت استفاده شده است.
<body>
<ul>
<li data-role="modir">سهراب سپنتا</li>
<li data-role="karbar">آرمیتا کاشانی</li>
<li data-role="karbar">میهندخت ایرانی</li>
<li data-role="anbardar">تیمور کامروا</li>
<li data-role="modir-aamel">کوروش توانا</li>
<li data-role="tolid-mohtava">ماندانا کرمانشاهی</li>
</ul>
</body>
<ul>
<li data-role="modir">سهراب سپنتا</li>
<li data-role="karbar">آرمیتا کاشانی</li>
<li data-role="karbar">میهندخت ایرانی</li>
<li data-role="anbardar">تیمور کامروا</li>
<li data-role="modir-aamel">کوروش توانا</li>
<li data-role="tolid-mohtava">ماندانا کرمانشاهی</li>
</ul>
</body>
همان طور که مشاهده می شود، نام این اتریبیوت یک نام دلخواه است که با عبارت “data-“ آغاز می شود. همچنین مقادیر قرار گرفته درون این اتریبیوت نیز کاملا به صورت دلخواه انتخاب شده اند.
