اتریبیوت (Attribute)

اتریبیوت‌ها ویژگی‌هایی هستن که به تگ‌های HTML اضافه می‌شن تا اطلاعات بیشتری درباره اون عنصر بدن یا رفتار و ظاهرش رو تغییر بدن.

📌 ساختار کلی اتریبیوت

<tagname attribute="value">محتوا</tagname>

🔹 هر اتریبیوت معمولاً به شکل نام="مقدار" نوشته میشه.
🔹 اتریبیوت‌ها همیشه داخل تگ باز شونده میان.

📌 چند اتریبیوت مهم و پرکاربرد

1) id

یک شناسه‌ی یکتا برای عنصر تعریف می‌کنه.

<p id="intro">این یک پاراگراف با id است</p>

2) class

برای گروه‌بندی عناصر و استفاده در CSS یا JavaScript.

<p class="highlight">این متن خاص است</p>

3) style

استایل مستقیم روی عنصر (البته بهتره از فایل CSS جداگانه استفاده بشه).

<p style="color: red; font-size: 18px;">این متن قرمز است</p>

4) title

وقتی ماوس روی عنصر بره، یک متن راهنما نشون میده.

<p title="این یک راهنماست">ماوس را روی من نگه دارید</p>

5) href (ویژه‌ی تگ <a>)

برای تعیین مقصد لینک.

<a href="https://example.com">کلیک کنید</a>

6) src (ویژه‌ی تگ <img>, <script>, <iframe>)

برای مشخص کردن منبع فایل.

<img src="image.jpg" alt="توضیح تصویر">

7) alt (ویژه‌ی تصاویر)

توضیحی برای تصویر وقتی بارگذاری نمیشه یا برای سئو و دسترس‌پذیری.

<img src="logo.png" alt="لوگوی سایت">

8) lang

برای مشخص کردن زبان محتوای یک صفحه یا بخش.

<html lang="fa">

9) disabled / checked / readonly

اتریبیوت‌های بولی (Boolean) هستن که فقط وجودشون مهمه.

<input type="text" value="غیرفعال" disabled>
<input type="checkbox" checked>

🎯 نکته مهم

  • بعضی اتریبیوت‌ها مخصوص تگ خاصی هستن (مثل src برای <img>).

  • بعضی اتریبیوت‌ها هم جهانی (Global) هستن و روی همه تگ‌ها قابل استفاده‌ان (مثل id, class, style, title).