آموزش صفات (Attribute) در HTML

آموزش-صفات-Attribute-در-HTML

صفات (Attributes) در HTML بخش مهمی از عناصر هستند که ویژگی‌ها و رفتار بخش‌های مختلف یک صفحه وب را تعیین می‌کنند. در این مطلب از آموزشگاه طراحی سایت پرتو با تعریف، ساختار، انواع و مثال‌های عملی صفات در HTML به‌صورت ساده و کاربردی آشنا می‌شوید؛ همان مفاهیمی که در کلاسهای طراحی سایت به شما آموزش داده می‌شود.

صفت (Attribute) در HTML چیست؟

در HTML، صفت (Attribute) یک ویژگی یا مشخصه اضافی است که به داخل تگ‌های HTML اضافه می‌شود تا رفتار، ظاهر یا عملکرد آن تگ را تغییر دهد یا اطلاعات بیشتری به آن بدهد. صفت‌ها معمولاً در تگ بازکننده قرار می‌گیرند و به شکل نام و مقدار (name=”value”) نوشته می‌شوند.

نحوه نوشتن صفت در HTML

هر صفت شامل دو بخش اصلی است:

• نام صفت (name): تعیین‌کننده نوع ویژگی
• مقدار صفت (value): مقداری که برای آن ویژگی تعریف شده است

مقدار صفت معمولاً داخل کوتیشن (“) قرار می‌گیرد، هرچند برخی مقادیر بدون کوتیشن نیز قابل‌نوشتن هستند، اما استفاده از کوتیشن بهترین شیوه HTML است.

دسته‌بندی عمومی صفات HTML

صفات در HTML بر اساس نوع عملکردشان به چند دسته تقسیم می‌شوند:

 1. صفات عمومی (Global Attributes)

این صفات می‌توانند در اکثر تگ‌ها استفاده شوند و الهام‌بخش رفتار یا ظاهر بخش‌های مختلف صفحه هستند.

id: شناسه یکتا برای عنصر

class: گروه‌بندی عناصر برای CSS و JavaScript

style: اعمال قواعد CSS به عنصر

title: نمایش متن راهنمای پایین‌ماوس

lang: تعیین زبان متن

hidden: پنهان‌سازی عنصر

dir: جهت متن (rtl برای راست‌به‌چپ، ltr برای چپ‌به‌راست)
dofactory.com
+1

2. صفات وابسته به تگ‌ها

برخی صفات فقط برای تگ‌های خاص کاربرد دارند. مثلاً:

href در تگ a برای لینک‌دهی

src, alt, width, height در تگ img برای تصویر و ویژگی‌های آن

type, value, placeholder در تگ‌های فرم مانند input

نکات مهم در استفاده از صفات

✔ هر عنصر HTML می‌تواند چند صفت داشته باشد، اما نام صفت‌ها نمی‌تواند تکراری باشد.

✔ استفاده از صفات معنایی مثل title و alt به بهبود سئو و دسترس‌پذیری سایت کمک می‌کند.

✔ برخی صفات مثل disabled یا checked بدون مقدار نیز قابل‌استفاده هستند (حضورشان یعنی فعال بودن حالت).

جمع‌بندی

۱. صفت‌ها (Attributes) ویژگی‌های اضافی هستند که به HTML کمک می‌کنند رفتار و ظاهر عناصر را تعیین کنند.

۲. هر صفت دارای نام و مقدار است که در تگ شروع قرار می‌گیرد.

۳. صفات می‌توانند عمومی یا مخصوص تگ‌های خاص باشند.

۴. استفاده صحیح از صفات باعث افزایش دسترس‌پذیری و سئو بهتر می‌شود.

برای آموزش حرفه ای صفات در HTML میتوانید در کلاس آموزش HTML-CSS پرتو شرکت نموده تا با نحوه کدنویسی به شکلی کاملا استاندارد آشنا گردید.