متین تلخابی
متین تلخابی
خواندن ۱ دقیقه·۵ ماه پیش

هدف اتریبیوت های *-data توی HTML چیه؟

توی این پست اتریبیوت *-data رو به صورت کلی معرفی می کنیم...



اتریـبـیوت‌های دلخواهی هستن که روی تگ‌های HTML قرار می‌گیرن تا اطلاعات اضافه و بیشتری رو درباره اون تگ منتقل کنن
می تونستیم بدون اینکه از این نوع اتریبیوت استفاده کنیم با استفاده ار عنصر های دیگه این نوع داده رو به صفحه مون اضافه کنیم ولی این روش، روش درستی نیست و ممکنه باعث تداخل بشه

و اتریبیوت هایی که بدون -data شروع میشه به این معنی که این اتریبیوت داخل اون تگ از HTML تعریف شدست مثل name توی <input>
اگه برای یه اتریبیوت دلخواه از -data استفاده نکنیم علاوه بر اینکه اعتبار صفحه کاهش پیدا می کنه ممکنه باعث رفتار های غیر قابل پیش بینی توی مرورگر بشه

این نکته رو هم در نظر داشته باشید که اطلاعاتی که توسط *-data ذخیره می کنیم توسط ابزار های کمکی موتور های جستجو ممکنه نادیده گرفته بشن
برای همین بهتره زمانی از این نوع اتریبیوت استفاده کنیم که می خوایم از مقدار اون ها توی جاوااسکریپت استفاده کنیم

روش استفاده از این نوع اتریبیوت هم داخل عکس مشخصهD:



خوب فکر کنم برای این پست کافی باشه

اگه خودت نکته ای رو میشناسی که من اشاره نکردم توی کامنت بگو
امیدوارم این پست به دردتون خورده باشه
موفق و پیروز باشید ...

ان شاء الله راهی که میریم ختم بشه به ظهور سریعتر آقا امام زمان ...

منبع : ditty

htmldatajavascript
برنامه‌نویس Back End مسلط به زبان‌های TailwindCSS، JavaScript، Python و فریم‌ورک Django. مشتاق یادگیری و پیشرفت
شاید از این پست‌ها خوشتان بیاید