فصل ۵ | شروع کار

ویژگی‌ها اطلاعات اضافی به عناصر می‌دهند

ویژگی یا Attribute، اطلاعاتی اضافه است که همیشه در برچسب باز یک عنصر نوشته می‌شود و رفتار یا مشخصات آن عنصر را دقیق‌تر می‌کند. هر ویژگی از یک نام و یک مقدار تشکیل شده که مقدار آن معمولاً داخل گیومه قرار می‌گیرد.

attribute-anatomy.html
<a href="https://example.com">لینک نمونه</a>

چند ویژگی پرکاربرد

  • href — آدرس مقصد را در لینک‌ها (<a>) مشخص می‌کند.
  • src — مسیر فایل تصویر یا رسانه را در عناصری مثل <img> تعیین می‌کند.
  • alt — متن جایگزین برای تصویر، در صورتی که تصویر بارگذاری نشود یا برای صفحه‌خوان‌ها.
  • title — متنی که هنگام نگه‌داشتن نشانگر ماوس روی عنصر، به‌صورت راهنما نمایش داده می‌شود.
  • style — امکان نوشتن استایل CSS مستقیم روی یک عنصر خاص.
  • lang — زبان محتوای صفحه یا یک بخش خاص از آن را مشخص می‌کند.
attributes-example.html
<img src="mountain.jpg" alt="منظره‌ی کوهستان" width="400">
نکته: استفاده از گیومه‌ی دوتایی برای مقدار ویژگی‌ها استاندارد و توصیه‌شده است، هرچند گیومه‌ی تک‌تایی هم در اغلب مرورگرها کار می‌کند.

یک عنصر می‌تواند چند ویژگی داشته باشد که همه‌ی آن‌ها با فاصله از هم جدا می‌شوند و ترتیب نوشتن‌شان اهمیتی ندارد. تنها قانون این است که هر ویژگی فقط یک‌بار در هر عنصر ظاهر شود.