ایجاد شده در ۲۹ شهریور ۱۴۰۴
1. Global Attributes (همه عناصر HTML می‌تونن داشته باشن)
- id
مقدار یکتا برای هر عنصر، برای انتخاب در CSS و JS. - class
برای گروه‌بندی عناصر و اعمال استایل مشترک. - style
اعمال استایل مستقیم (inline CSS). - title
متن راهنما که روی Hover نمایش داده می‌شود. - lang
مشخص کردن زبان محتوا (مثلاً lang="fa"). - dir
جهت متن (ltr یا rtl). - hidden
عنصر را مخفی می‌کند. - tabindex
ترتیب فوکوس هنگام استفاده از Tab. - contenteditable
اجازه ویرایش محتوای عنصر توسط کاربر. - draggable
قابل Drag شدن یا نه.
2. Attributes برای فرم‌ها و ورودی‌ها
- type (در <input>)
نوع ورودی: text, password, email, number, checkbox … - name
نام فیلد برای ارسال فرم. - value
مقدار پیش‌فرض فیلد. - placeholder
متن راهنما داخل فیلد. - required
فیلد باید پر شود. - readonly
فقط خواندنی. - disabled
غیرفعال کردن ورودی. - checked (در checkbox و radio)
انتخاب شده بودن پیش‌فرض. - selected (در <option>)
مقدار انتخاب‌شده پیش‌فرض. - multiple (در <select>)
امکان انتخاب چند گزینه. - maxlength
حداکثر تعداد کاراکترها. - min / max
محدوده عدد یا تاریخ. - step
گام افزایش عددی. - pattern
بررسی مقدار ورودی با Regex. - autocomplete
فعال/غیرفعال بودن تکمیل خودکار.
3. Attributes برای تصاویر و رسانه‌ها
- src
مسیر فایل (تصویر، ویدئو، صدا). - alt
متن جایگزین برای تصویر. - width / height
ابعاد نمایش. - controls (در <audio> و <video>)
نمایش کنترل‌های پخش. - autoplay
پخش خودکار. - loop
تکرار خودکار. - muted
بی‌صدا کردن پیش‌فرض. - poster (برای <video>)
تصویر پیش‌نمایش ویدئو.
4. Attributes برای لینک‌ها
- href (در <a>)
مسیر مقصد لینک. - target
نحوه باز شدن: _blank, _self, _parent, _top. - download
دانلود فایل به جای باز کردن آن. - rel
نوع رابطه: nofollow, noopener, stylesheet …
5. Attributes برای جدول‌ها
- colspan
ادغام چند ستون در یک سلول. - rowspan
ادغام چند ردیف در یک سلول. - scope
مشخص کردن اینکه هدر جدول مربوط به ستون یا ردیف است.
6. Attributes خاص دیگر
- srcset و sizes (برای <img>)
بارگذاری تصویر مناسب برای دستگاه‌ها و اندازه‌های مختلف. - async / defer (برای <script>)
نحوه بارگذاری اسکریپت. - charset (در <meta>)
نوع کدگذاری (مثلاً UTF-8). - http-equiv (در <meta>)
برای تنظیمات HTTP مثل refresh یا content-type.
👉 این‌ها پرکاربردترین Attributeها هستن که تقریباً توی ۹۰٪ پروژه‌ها استفاده می‌شن.