انواع Attributeها در HTML و کاربردهای آنها
در زبان نشانه‌گذاری HTML، Attributeها ویژگی‌هایی هستند که اطلاعات اضافی درباره عناصر HTML ارائه می‌دهند. این ویژگی‌ها همیشه در تگ شروع عنصر نوشته می‌شوند و معمولاً به صورت جفت‌های نام/مقدار (name/value) ظاهر می‌شوند.
Attributeها رفتار، ظاهر یا عملکرد عناصر HTML را تغییر می‌دهند و بدون آنها، صفحات وب بسیار محدود و ایستا خواهند بود.
دسته‌بندی اصلی Attributeها
| نوع Attribute |
توضیحات |
مثال |
| Attributeهای عمومی |
در اکثر عناصر HTML قابل استفاده هستند |
id, class, style |
| Attributeهای خاص |
مخصوص عناصر خاصی هستند |
href در تگ a |
| Attributeهای رویداد |
برای مدیریت تعاملات کاربر |
onclick, onmouseover |
Attributeهای مهم و پرکاربرد
- id: شناسه منحصر به فرد برای یک عنصر
- class: برای گروه‌بندی عناصر و اعمال استایل
- style: اعمال استایل اینلاین به عنصر
- href: مشخص‌کننده آدرس مقصد در لینک‌ها
- src: مشخص‌کننده منبع برای تصاویر، اسکریپت‌ها و...
- alt: متن جایگزین برای تصاویر
برای مثال، در تگ لینک (a) از Attribute href استفاده می‌شود:
<a href="https://pnldev.com/fa/tutorial/html/attribute-html" style="color:#2980b9; text-decoration:none; border:1px solid #eee; padding:2px 5px;">اینجا را نگاه کنید</a>
Attributeهای بولین (Boolean)
برخی از Attributeها به صورت بولین هستند و فقط حضور یا عدم حضور آنها مهم است، نه مقدارشان. مانند:
- disabled: غیرفعال کردن عناصر فرم
- readonly: فقط خواندنی کردن فیلدهای ورودی
- required: اجباری کردن فیلدهای فرم
- checked: انتخاب پیش‌فرض چک‌باکس‌ها
برای اطلاعات بیشتر درباره Attributeها می‌توانید اینجا را نگاه کنید.
نکات مهم در استفاده از Attributeها
- همیشه نام Attributeها را با حروف کوچک بنویسید
- مقادیر Attributeها را درون دابل کوتیشن (" ") قرار دهید
- از استفاده بیش از حد از Attribute
style خودداری کنید
- برای Attributeهای بولین، فقط نام Attribute کافی است (مثلاً
disabled به جای disabled="true")
با استفاده صحیح از Attributeها می‌توانید صفحات وب پویا، قابل دسترس و با ساختار مناسب ایجاد کنید. برای یادگیری عمیق‌تر، پیشنهاد می‌کنیم به این آموزش مراجعه کنید.
