وقتی با یک تگ در HTML کار می‌کنید، ممکن است لازم باشد بدانید چه اتریبیوت‌هایی برای آن در دسترس هستند، هرکدام چه کاربردی دارند و چه نوع مقداری می‌پذیرند. این صفحه دقیقاً برای همین کار ساخته شده است: یک مرجع برای پیدا کردن و بررسی اتریبیوت‌های HTML، بدون اینکه مجبور باشید میان توضیحات طولانی دنبال ویژگی موردنظر بگردید.
در جدول این صفحه می‌توانید اتریبیوت‌ها را بر اساس نام جستجو کنید و اطلاعاتی مانند عناصر قابل استفاده، نوع مقدار، کاربرد کوتاه، گروه و وضعیت هر ویژگی را ببینید. فیلترهای موجود نیز کمک می‌کنند موارد مرتبط با گروه‌هایی مثل Global، Form، Media، Script و سایر دسته‌ها را سریع‌تر پیدا کنید.
اگر هنوز با مفهوم Attribute آشنا نیستید و می‌خواهید بدانید اتریبیوت در HTML چیست، کجای تگ نوشته می‌شود، نام و مقدار آن چه تفاوتی دارند یا چگونه چند اتریبیوت را روی یک عنصر قرار می‌دهیم، ابتدا راهنمای اتریبیوت HTML چیست؟ را بخوانید. در این صفحه این مباحث دوباره آموزش داده نمی‌شوند و تمرکز اصلی روی جستجو، مقایسه و مراجعه سریع به ویژگی‌های HTML است.
لیست کامل اتریبیوت های HTML
| اتریبیوت | قابل استفاده روی | نوع مقدار | کاربرد کوتاه | گروه | وضعیت |
|---|---|---|---|---|---|
abbr | <th> | Text | برچسب جایگزین کوتاه برای سلول عنوان جدول. | Table | استاندارد |
accept | <input type="file"> | MIME / file token | مشخص کردن نوع فایل‌های مورد انتظار برای انتخاب. | Form | استاندارد |
accept-charset | <form> | UTF-8 | تعیین کدگذاری کاراکتر هنگام ارسال فرم. | Form | استاندارد |
accesskey | همه عناصر HTML | Token list | تعریف کلید میانبر پیشنهادی برای فعال‌سازی یا فوکوس عنصر. | Global | استاندارد |
action | <form> | URL | تعیین مقصد ارسال داده‌های فرم. | Form | استاندارد |
allow | <iframe> | Permissions Policy | تعیین مجوز قابلیت‌ها برای محتوای داخل iframe. | Embedded | استاندارد |
allowfullscreen | <iframe> | Boolean | اجازه استفاده iframe از حالت تمام‌صفحه. | Embedded | استاندارد |
alpha | <input> در حالت Color | Boolean | اجازه تعیین مؤلفه Alpha در کنترل انتخاب رنگ. | Form | استاندارد |
alt | <img>، <area>، <input type="image"> | Text | ارائه متن جایگزین برای محتوای تصویری. | Media | استاندارد |
as | <link> | Resource destination | تعیین نوع منبع در preload یا modulepreload. | Resource | استاندارد |
async | <script> | Boolean | اجرای اسکریپت پس از آماده‌شدن بدون مسدود کردن دریافت. | Script | استاندارد |
autocapitalize | همه عناصر HTML | Enumerated | پیشنهاد رفتار بزرگ‌نویسی خودکار در روش‌های ورودی پشتیبانی‌شده. | Global | استاندارد |
autocomplete | <form>، <input>، <select>، <textarea> | Enumerated / tokens | کنترل یا راهنمایی قابلیت Autofill مرورگر. | Form | استاندارد |
autocorrect | همه عناصر HTML | on / off | کنترل رفتار پیشنهادی اصلاح خودکار متن. | Global | استاندارد |
autofocus | همه عناصر HTML | Boolean | درخواست فوکوس خودکار عنصر. | Global | استاندارد |
autoplay | <audio>، <video> | Boolean | درخواست شروع خودکار پخش رسانه. | Media | استاندارد |
blocking | <link>، <script>، <style> | Token list | تعیین رفتار Render Blocking عنصر. | Resource | استاندارد |
charset | <meta> | utf-8 | اعلام کدگذاری کاراکتر سند. | Metadata | استاندارد |
checked | <input> | Boolean | تعیین وضعیت پیش‌فرض Checkbox یا Radio. | Form | استاندارد |
cite | <blockquote>، <q>، <del>، <ins> | URL | ارجاع به منبع نقل‌قول یا اطلاعات ویرایش. | Semantic | استاندارد |
class | همه عناصر HTML | Token list | اختصاص یک یا چند کلاس به عنصر. | Global | استاندارد |
closedby | <dialog> | any / closerequest / none | تعیین کنش‌هایی که اجازه بستن Dialog را دارند. | Interactive | استاندارد |
color | <link rel="mask-icon"> | CSS color | تعیین رنگ برای mask-icon. | Resource | استاندارد |
colorspace | <input> در حالت Color | limited-srgb / display-p3 | تعیین فضای رنگ مقدار کنترل Color. | Form | استاندارد |
cols | <textarea> | Positive integer | تعیین تعداد تقریبی کاراکترهای هر خط در Textarea. | Form | استاندارد |
colspan | <td>، <th> | Positive integer | تعیین تعداد ستون‌هایی که سلول پوشش می‌دهد. | Table | استاندارد |
command | <button> | Command keyword | تعیین عملیاتی که روی عنصر هدف اجرا می‌شود. | Interactive | استاندارد |
commandfor | <button> | ID reference | مشخص کردن عنصر هدف یک Command. | Interactive | استاندارد |
content | <meta> | Text | تعیین مقدار Metadata. | Metadata | استاندارد |
contenteditable | همه عناصر HTML | true / false / plaintext-only | کنترل قابل ویرایش بودن محتوا توسط کاربر. | Global | استاندارد |
controls | <audio>، <video>، <img> | Boolean | درخواست نمایش کنترل‌های User Agent. | Media | استاندارد |
coords | <area> | Number list | تعیین مختصات ناحیه در Image Map. | Media | استاندارد |
crossorigin | <audio>، <img>، <link>، <script>، <video> | anonymous / use-credentials | کنترل حالت CORS درخواست منبع. | Resource | استاندارد |
data | <object> | URL | تعیین آدرس منبع برای object. | Embedded | استاندارد |
data-* | همه عناصر HTML | Text | ذخیره داده سفارشی مرتبط با عنصر. | Global | استاندارد |
datetime | <time>، <del>، <ins> | Date / Time | ارائه مقدار ماشین‌خوان تاریخ یا زمان. | Semantic | استاندارد |
decoding | <img> | sync / async / auto | ارائه Hint درباره نحوه Decode تصویر. | Media | استاندارد |
default | <track> | Boolean | مشخص کردن Track پیش‌فرض. | Media | استاندارد |
defer | <script> | Boolean | به‌تعویق انداختن اجرای اسکریپت. | Script | استاندارد |
dir | همه عناصر HTML | ltr / rtl / auto | تعیین جهت نوشتار عنصر. | Global | استاندارد |
dirname | <input>، <textarea> | Field name | ارسال جهت نوشتار کنترل همراه داده فرم. | Form | استاندارد |
disabled | <button>، <fieldset>، <input>، <optgroup>، <option>، <select>، <textarea>، <link> | Boolean | غیرفعال کردن کنترل یا Link در Contextهای مجاز. | Form | استاندارد |
download | <a>، <area> | Text / empty | درخواست دانلود منبع به‌جای Navigation معمول. | Navigation | استاندارد |
draggable | همه عناصر HTML | true / false | تعیین قابلیت Drag شدن عنصر. | Global | استاندارد |
enctype | <form> | Enumerated | تعیین Encoding داده هنگام Submit فرم. | Form | استاندارد |
enterkeyhint | همه عناصر HTML | Enumerated | پیشنهاد Action کلید Enter در صفحه‌کلید مجازی. | Global | استاندارد |
fetchpriority | <img>، <link>، <script> | high / low / auto | ارائه Hint درباره اولویت Fetch. | Resource | استاندارد |
for | <label>، <output>، <template> | ID / ID list / Text | ایجاد ارتباط با عنصر یا محتوای هدف. | Form | استاندارد |
form | Form-associated elements | ID reference | اتصال عنصر به فرم مشخص. | Form | استاندارد |
formaction | <button>، <input> | URL | Override کردن مقصد Submit برای Submitter. | Form | استاندارد |
formenctype | <button>، <input> | Enumerated | Override کردن Encoding فرم برای Submitter. | Form | استاندارد |
formmethod | <button>، <input> | get / post / dialog | Override کردن روش Submit فرم. | Form | استاندارد |
formnovalidate | <button>، <input> | Boolean | عبور از Constraint Validation برای Submit مشخص. | Form | استاندارد |
formtarget | <button>، <input> | Target name | تعیین مقصد Navigation فرم برای Submitter. | Form | استاندارد |
headers | <td>، <th> | ID list | ارجاع سلول به Header Cellهای مرتبط. | Table | استاندارد |
headingoffset | همه عناصر HTML | Integer 0–8 | اعمال Offset روی Heading Level فرزندان. | Global | استاندارد |
headingreset | همه عناصر HTML | Boolean | متوقف کردن عبور محاسبه Heading Offset از عنصر. | Global | استاندارد |
height | <canvas>، <embed>، <iframe>، <img>، <input>، <object>، <source>، <video> | Non-negative integer | تعیین بعد عمودی عنصر در Contextهای مجاز. | Media | استاندارد |
hidden | همه عناصر HTML | hidden / until-found | مشخص کردن نامرتبط یا پنهان بودن عنصر. | Global | استاندارد |
high | <meter> | Number | تعیین مرز پایین محدوده High در Meter. | Data | استاندارد |
href | <a>، <area>، <base>، <link> | URL | تعیین URL مقصد یا منبع. | Navigation | استاندارد |
hreflang | <a>، <link> | BCP 47 | اعلام زبان Resource لینک‌شده. | Navigation | استاندارد |
http-equiv | <meta> | Enumerated | تعریف Pragma Directive برای سند. | Metadata | استاندارد |
id | همه عناصر HTML | Text / ID | اختصاص شناسه یکتا به عنصر. | Global | استاندارد |
imagesizes | <link rel="preload"> | Source size list | تعیین Sizes برای Image Preload. | Resource | استاندارد |
imagesrcset | <link rel="preload"> | Image candidate list | تعیین Candidateهای تصویر برای Image Preload. | Resource | استاندارد |
inert | همه عناصر HTML | Boolean | قرار دادن عنصر و Subtree در حالت Inert. | Global | استاندارد |
inputmode | همه عناصر HTML | Enumerated | ارائه Hint برای انتخاب Input Modality مناسب. | Global | استاندارد |
integrity | <link>، <script> | Integrity metadata | تعریف Metadata برای Subresource Integrity. | Security | استاندارد |
is | همه عناصر HTML واجد شرایط | Custom element name | ساخت Customized Built-in Element. | Web Components | استاندارد |
ismap | <img> | Boolean | مشخص کردن Server-side Image Map. | Media | استاندارد |
itemid | عناصر HTML در Microdata | URL | تعریف شناسه سراسری Microdata Item. | Microdata | استاندارد |
itemprop | عناصر HTML در Microdata | Token list | تعریف Propertyهای Microdata Item. | Microdata | استاندارد |
itemref | عنصر دارای itemscope | ID list | ارجاع به عناصر دیگری که Propertyهای Item را فراهم می‌کنند. | Microdata | استاندارد |
itemscope | عناصر HTML | Boolean | ایجاد یک Microdata Item. | Microdata | استاندارد |
itemtype | عنصر دارای itemscope | Absolute URL list | تعیین Typeهای Microdata Item. | Microdata | استاندارد |
kind | <track> | Enumerated | تعیین نوع Text Track. | Media | استاندارد |
label | <optgroup>، <option>، <track> | Text | تعریف Label قابل مشاهده. | General | استاندارد |
lang | همه عناصر HTML | BCP 47 | اعلام زبان محتوای عنصر. | Global | استاندارد |
list | <input> | ID reference | اتصال Input به datalist. | Form | استاندارد |
loading | <iframe>، <img>، <audio>، <video> | lazy / eager | کنترل Deferred Loading. | Resource | استاندارد |
loop | <audio>، <video> | Boolean | تکرار پخش رسانه پس از پایان. | Media | استاندارد |
low | <meter> | Number | تعیین حد بالای محدوده Low در Meter. | Data | استاندارد |
max | <input>، <meter>، <progress> | Varies | تعیین حداکثر مقدار یا حد بالای Range. | Form / Data | استاندارد |
maxlength | <input>، <textarea> | Non-negative integer | تعیین حداکثر طول مقدار ورودی. | Form | استاندارد |
media | <link>، <meta>، <source>، <style> | Media query list | تعیین Mediaهایی که محتوا یا منبع برای آن‌ها کاربرد دارد. | Resource | استاندارد |
method | <form> | get / post / dialog | تعیین روش Submit فرم. | Form | استاندارد |
min | <input>، <meter> | Varies | تعیین حداقل مقدار یا حد پایین Range. | Form / Data | استاندارد |
minlength | <input>، <textarea> | Non-negative integer | تعیین حداقل طول مقدار ورودی. | Form | استاندارد |
multiple | <input>، <select> | Boolean | اجازه انتخاب یا داشتن چند مقدار. | Form | استاندارد |
muted | <audio>، <video> | Boolean | تعیین Muted بودن اولیه رسانه. | Media | استاندارد |
name | عناصر مختلف مانند فرم، کنترل‌ها، <meta>، <iframe>، <map>، <slot> | Text / target name | نام‌گذاری عنصر با معنای وابسته به Context. | General | استاندارد |
nomodule | <script> | Boolean | جلوگیری از اجرا در مرورگرهای پشتیبان Module Script. | Script | استاندارد |
nonce | همه عناصر HTML | Text | تعریف Nonce رمزنگاری‌شده برای CSP. | Security | استاندارد |
novalidate | <form> | Boolean | عبور از اعتبارسنجی Constraint هنگام Submit. | Form | استاندارد |
open | <details>، <dialog> | Boolean | تعیین وضعیت باز یا نمایش عنصر. | Interactive | استاندارد |
optimum | <meter> | Number | تعیین مقدار Optimal در Meter. | Data | استاندارد |
pattern | <input> | Regular expression | تعریف الگوی معتبر برای Constraint Validation. | Form | استاندارد |
ping | <a>، <area> | URL list | تعیین URLهای Ping هنگام دنبال شدن لینک. | Navigation | استاندارد |
placeholder | <input>، <textarea> | Text | نمایش راهنمای کوتاه داخل کنترل خالی. | Form | استاندارد |
playsinline | <video> | Boolean | پیشنهاد پخش ویدیو داخل ناحیه خود عنصر. | Media | استاندارد |
popover | همه عناصر HTML | auto / manual / hint | تبدیل عنصر به Popover. | Interactive | استاندارد |
popovertarget | <button>، <input> | ID reference | تعیین Popover هدف برای کنترل. | Interactive | استاندارد |
popovertargetaction | <button>، <input> | toggle / show / hide | تعیین Action روی Popover هدف. | Interactive | استاندارد |
poster | <video> | URL | تعیین Poster Frame پیش از پخش ویدیو. | Media | استاندارد |
preload | <audio>، <video> | none / metadata / auto | ارائه Hint درباره میزان Buffering رسانه. | Media | استاندارد |
readonly | <input>، <textarea> و Custom Controls | Boolean | جلوگیری از ویرایش مقدار توسط کاربر. | Form | استاندارد |
referrerpolicy | <a>، <area>، <iframe>، <img>، <link>، <script> | Referrer Policy | کنترل Referrer Policy درخواست‌های ایجادشده. | Privacy | استاندارد |
rel | <a>، <area>، <link> | Token list | بیان رابطه میان سند و Resource مقصد. | Navigation | استاندارد |
required | <input>، <select>، <textarea> | Boolean | الزامی کردن کنترل در Constraint Validation. | Form | استاندارد |
reversed | <ol> | Boolean | معکوس کردن شمارش Ordered List. | List | استاندارد |
rows | <textarea> | Positive integer | تعیین تعداد سطرهای نمایشی Textarea. | Form | استاندارد |
rowspan | <td>، <th> | Non-negative integer | تعیین تعداد سطرهای پوشش‌داده‌شده توسط سلول. | Table | استاندارد |
sandbox | <iframe> | Token list | اعمال محدودیت‌های امنیتی روی محتوای Nested. | Security | استاندارد |
scope | <th> | row / col / rowgroup / colgroup | تعیین محدوده Header Cell. | Table | استاندارد |
selected | <option> | Boolean | تعیین Selected بودن پیش‌فرض Option. | Form | استاندارد |
shadowrootclonable | <template> | Boolean | تعیین Clonable بودن Declarative Shadow Root. | Web Components | استاندارد |
shadowrootcustomelementregistry | <template> | Boolean | اعلام استفاده Shadow Root از Custom Element Registry. | Web Components | استاندارد |
shadowrootdelegatesfocus | <template> | Boolean | فعال کردن Delegates Focus برای Shadow Root. | Web Components | استاندارد |
shadowrootmode | <template> | open / closed | ایجاد Declarative Shadow Root و تعیین Mode. | Web Components | استاندارد |
shadowrootserializable | <template> | Boolean | تعیین Serializable بودن Declarative Shadow Root. | Web Components | استاندارد |
shadowrootslotassignment | <template> | named / manual | تعیین روش Slot Assignment در Shadow Root. | Web Components | استاندارد |
shape | <area> | circle / default / poly / rect | تعیین شکل ناحیه Image Map. | Media | استاندارد |
size | <input>، <select> | Positive integer | تعیین Size کنترل. | Form | استاندارد |
sizes | <link>، <img>، <source> | Size list | تعریف اندازه Icon یا Image Candidate بسته به Context. | Resource | استاندارد |
slot | همه عناصر HTML | Text | تعیین Slot موردنظر عنصر در Shadow Tree. | Web Components | استاندارد |
span | <col>، <colgroup> | Positive integer | تعیین تعداد ستون‌های پوشش‌داده‌شده. | Table | استاندارد |
spellcheck | همه عناصر HTML | true / false | کنترل بررسی املا و Grammar. | Global | استاندارد |
src | <audio>، <embed>، <iframe>، <img>، <input>، <script>، <source>، <track>، <video> | URL | تعیین آدرس Resource. | Resource | استاندارد |
srcdoc | <iframe> | HTML source | قرار دادن Source سند HTML مستقیماً در iframe. | Embedded | استاندارد |
srclang | <track> | BCP 47 | اعلام زبان Text Track. | Media | استاندارد |
srcset | <img>، <source> | Image candidate list | تعریف Candidateهای تصویر برای شرایط نمایش مختلف. | Media | استاندارد |
start | <ol> | Integer | تعیین مقدار شروع Ordered List. | List | استاندارد |
step | <input> | Positive number / any | تعیین Granularity مجاز مقدار ورودی. | Form | استاندارد |
style | همه عناصر HTML | CSS declarations | تعریف CSS درون‌خطی. | Global | استاندارد |
tabindex | همه عناصر HTML | Integer | کنترل Focusability و ترتیب Navigation با Tab. | Accessibility | استاندارد |
target | <a>، <area>، <base>، <form> | Target name | تعیین Browsing Context مقصد. | Navigation | استاندارد |
title | همه عناصر HTML | Text | ارائه Advisory Information درباره عنصر. | Global | استاندارد |
translate | همه عناصر HTML | yes / no | تعیین امکان ترجمه محتوای عنصر. | Global | استاندارد |
type | عناصر مختلف مانند <a>، <link>، <button>، <input>، <script>، <source> | Varies | تعیین نوع Resource، Control، Script یا List بر اساس Context. | General | استاندارد |
usemap | <img> | Hash-name reference | اتصال تصویر به Image Map. | Media | استاندارد |
value | <button>، <option>، <data>، <input>، <li>، <meter>، <progress> | Varies | تعریف مقدار عنصر بر اساس Context. | General | استاندارد |
width | <canvas>، <embed>، <iframe>، <img>، <input>، <object>، <source>، <video> | Non-negative integer | تعیین بعد افقی عنصر در Contextهای مجاز. | Media | استاندارد |
wrap | <textarea> | soft / hard | کنترل Wrap مقدار Textarea برای Form Submission. | Form | استاندارد |
writingsuggestions | همه عناصر HTML | true / false | کنترل امکان ارائه Writing Suggestions. | Global | استاندارد |
part | عناصر داخل Shadow Tree | Token list | Expose کردن Part برای هدف‌گیری با ::part(). | Related | |
exportparts | Shadow Host | Part mapping list | Export کردن Partهای Shadow Tree به بیرون. | Related | |
role | طبق قواعد ARIA in HTML | ARIA role | تعریف یا تکمیل نقش Accessibility در شرایط مجاز. | ARIA | |
aria-* | طبق قواعد ARIA in HTML | Varies | تعریف State و Propertyهای Accessibility. | ARIA | |
capture | <input type="file"> | user / environment | پیشنهاد استفاده از Capture Device هنگام انتخاب فایل. | Related | پشتیبانی محدود |
virtualkeyboardpolicy | عناصر قابل ویرایش | auto / manual | کنترل رفتار Virtual Keyboard در دستگاه‌های پشتیبانی‌شده. | Related | آزمایشی |
controlslist | <audio>، <video> | Token list | ارائه Hint درباره کنترل‌های قابل نمایش Media Player. | Related | پشتیبانی محدود |
disablepictureinpicture | <video> | Boolean | درخواست غیرفعال کردن Picture-in-Picture. | Related | پشتیبانی محدود |
disableremoteplayback | <audio>، <video> | Boolean | درخواست غیرفعال کردن Remote Playback. | Related | پشتیبانی محدود |
align | Legacy contexts | Legacy | روش قدیمی تراز؛ در HTML جدید از CSS استفاده شود. | Deprecated | منسوخ |
bgcolor | Legacy contexts | Legacy color | روش قدیمی تعیین رنگ پس‌زمینه؛ از CSS استفاده شود. | Deprecated | منسوخ |
border | Legacy table/image contexts | Legacy | روش قدیمی تعیین Border؛ از CSS استفاده شود. | Deprecated | منسوخ |
frameborder | <iframe> قدیمی | Legacy | روش قدیمی کنترل Border iframe. | Deprecated | منسوخ |
scrolling | <iframe> قدیمی | Legacy | روش قدیمی کنترل Scrollbar iframe. | Deprecated | منسوخ |
alink / vlink / link | <body> قدیمی | Legacy color | روش قدیمی تعیین رنگ لینک‌ها؛ از CSS استفاده شود. | Deprecated | منسوخ |
cellpadding | <table> قدیمی | Legacy | روش قدیمی Padding سلول‌ها؛ از CSS استفاده شود. | Deprecated | منسوخ |
cellspacing | <table> قدیمی | Legacy | روش قدیمی فاصله بین سلول‌ها؛ از CSS استفاده شود. | Deprecated | منسوخ |
contextmenu | HTML قدیمی | Legacy | Attribute منسوخ Context Menu. | Deprecated | منسوخ |
dropzone | HTML قدیمی | Legacy | Attribute منسوخ Drag and Drop. | Deprecated | منسوخ |
longdesc | <img> / <iframe> قدیمی | URL | روش قدیمی ارجاع به توضیح طولانی. | Deprecated | منسوخ |
summary | <table> قدیمی | Text | Attribute قدیمی توضیح جدول؛ از ساختار متنی و Caption مناسب استفاده شود. | Deprecated | منسوخ |
موردی مطابق جستجو پیدا نشد.
دسته‌بندی اتریبیوت‌های عمومی | Global
اتریبیوت‌های Global ویژگی‌هایی هستند که می‌توان آن‌ها را روی عناصر HTML به کار برد؛ هرچند کاربرد و اثر هر ویژگی به عنصر و شرایط استفاده بستگی دارد. مواردی مانند id، class، lang، dir، title، hidden، data-* و tabindex در این گروه قرار می‌گیرند. برای مشاهده عناصر قابل استفاده، نوع مقدار و وضعیت هر ویژگی، از جدول بالای صفحه استفاده کنید.
دسته‌بندی اتریبیوت‌های فرم و ورودی | Form
این گروه شامل ویژگی‌هایی است که در ساخت و کنترل فرم‌ها، فیلدهای ورودی و فرایند ارسال داده کاربرد دارند. اتریبیوت‌هایی مانند action، method، autocomplete، required، readonly، disabled، placeholder، min، max و pattern در این دسته قرار می‌گیرند. مجاز بودن و رفتار هر Attribute به عنصر فرم و در بعضی موارد به نوع input وابسته است؛ جزئیات هر مورد را در جدول بررسی کنید.
برای اینکه ببینید اتریبیوت‌های فرم در یک مثال عملی چگونه استفاده می‌شوند، راهنمای ساخت و اعتبارسنجی فرم در HTML را مطالعه کنید. در این آموزش، روش ارسال داده‌ها با action و method و اعتبارسنجی بومی با required و pattern توضیح داده شده است.
دسته‌بندی اتریبیوت‌های رسانه | Media
اتریبیوت‌های این گروه به عناصر مرتبط با تصویر، صوت، ویدیو و سایر محتوای رسانه‌ای مربوط می‌شوند. ویژگی‌هایی مانند alt، srcset، sizes، poster، preload، autoplay، controls، loop و muted می‌توانند منبع، نحوه نمایش یا رفتار رسانه را مشخص کنند. هر ویژگی فقط روی عناصر تعریف‌شده برای همان Attribute قابل استفاده است؛ ستون «قابل استفاده روی» در جدول این محدوده را نشان می‌دهد.
دسته‌بندی اتریبیوت‌های لینک و ناوبری | Link
این گروه ویژگی‌هایی را شامل می‌شود که برای ایجاد و کنترل لینک‌ها و ناوبری بین منابع استفاده می‌شوند. href مقصد لینک را مشخص می‌کند و ویژگی‌هایی مانند target، rel، download، hreflang و referrerpolicy می‌توانند نحوه دنبال‌کردن لینک، رابطه با منبع مقصد یا رفتار درخواست را تعیین کنند. کاربرد دقیق هر Attribute به عنصر و مقدار انتخاب‌شده بستگی دارد.
برای استفاده عملی از href و درک مسیر نسبی، مسیر مبتنی بر ریشه و URL کامل، به راهنمای href و مسیرهای لینک در HTML مراجعه کنید.
دسته‌بندی اتریبیوت‌های متا | Meta
ویژگی‌های این گروه در عناصر Metadata، به‌ویژه <meta>، برای ارائه اطلاعات مربوط به سند استفاده می‌شوند. در عنصر <meta>، ویژگی‌هایی مانند charset، name، http-equiv و content بسته به نوع Metadata نقش متفاوتی دارند؛ برای مثال charset کدگذاری کاراکتر سند را مشخص می‌کند و ترکیب name و content برای بعضی Metadataهای سطح سند استفاده می‌شود. نام Metadata و خود Attribute را یکسان در نظر نگیرید؛ برای نمونه در <meta name=”description”>، عبارت description مقدار ویژگی name است، نه یک Attribute مستقل.
دسته‌بندی اتریبیوت‌های اسکریپت | Script
این گروه شامل ویژگی‌های مرتبط با عنصر <script> و نحوه دریافت یا اجرای اسکریپت‌ها است. src آدرس منبع خارجی را مشخص می‌کند و ویژگی‌هایی مانند async، defer، nomodule، type، integrity، crossorigin و referrerpolicy بسته به نوع اسکریپت رفتارهای متفاوتی دارند. همه این ویژگی‌ها در تمام حالت‌های <script> قابل استفاده نیستند؛ بنابراین هنگام انتخاب یک Attribute باید نوع اسکریپت و شرایط مجاز آن را نیز بررسی کنید.
دسته‌بندی اتریبیوت‌های دسترس‌پذیری | ARIA
این گروه شامل role و ویژگی‌های aria-* است که برای انتقال نقش، وضعیت یا ویژگی‌های معنایی رابط کاربری به فناوری‌های کمکی استفاده می‌شوند. ARIA جایگزین HTML معنایی نیست؛ هرجا یک عنصر بومی HTML بتواند معنا و رفتار موردنیاز را به‌درستی فراهم کند، استفاده از همان عنصر در اولویت است. همچنین هر role یا ویژگی aria-* قواعد استفاده مخصوص خود را دارد و نباید صرفاً برای افزودن اطلاعات بیشتر به همه عناصر اضافه شود.
دسته‌بندی اتریبیوت‌های منسوخ‌شده | Deprecated
این گروه شامل ویژگی‌هایی است که در HTML مدرن منسوخ یا برای استفاده در محتوای جدید نامعتبر محسوب می‌شوند. مواردی مانند align، bgcolor، cellpadding، cellspacing، frameborder و scrolling ممکن است برای سازگاری با صفحات قدیمی هنوز توسط بعضی مرورگرها پردازش شوند، اما نباید در کد جدید به آن‌ها تکیه کرد. برای این موارد باید از جایگزین استاندارد فعلی، مانند CSS یا قابلیت مناسب HTML، استفاده شود.
جمع بندی
این صفحه برای جستجو و بررسی سریع اتریبیوت‌های HTML ساخته شده است. نام Attribute موردنظر را در جدول جستجو کنید تا کاربرد، دسته و وضعیت آن را ببینید. اگر به‌جای فهرست، می‌خواهید ابتدا مفهوم Attribute، ساختار نوشتن نام و مقدار و نحوه استفاده از آن را یاد بگیرید، راهنمای «اتریبیوت HTML چیست؟» نقطه شروع مناسب‌تری است.
جهت یادگیری تخصصی HTML، پیشنهاد میکنم در دوره HTML بیت آموز شرکت کنید.
سوالات متداول
نام اتریبیوت را در کادر جستجوی بالای جدول وارد کنید؛ برای مثال می‌توانید href، alt یا required را جستجو کنید. امکان جستجو بر اساس تگ و بعضی مشخصات مرتبط نیز وجود دارد. اگر به‌دنبال گروه خاصی از ویژگی‌ها هستید، از فیلتر دسته‌بندی برای محدودکردن نتایج به مواردی مانند Global، Form، Media یا Script استفاده کنید.
ستون «قابل استفاده روی» در جدول مشخص می‌کند هر اتریبیوت روی چه عنصر یا عناصری تعریف شده است. برای مثال بعضی ویژگی‌ها فقط به یک عنصر مشخص مربوط‌اند، در حالی که Global Attributes را می‌توان روی عناصر HTML استفاده کرد. همیشه مجازبودن یک اتریبیوت را همراه با عنصر موردنظر بررسی کنید؛ یک نام مشابه لزوماً روی تمام تگ‌ها کاربرد یکسانی ندارد.
این ستون مشخص می‌کند مقدار یک اتریبیوت باید چه ساختاری داشته باشد؛ برای مثال URL، متن، عدد، فهرست Tokenها، شناسه عنصر یا یکی از چند مقدار ازپیش‌تعریف‌شده. معتبر بودن مقدار به تعریف همان اتریبیوت و عنصری که روی آن استفاده شده بستگی دارد، بنابراین هنگام استفاده از ویژگی‌های ناآشنا فقط به نام اتریبیوت اکتفا نکنید.
«استاندارد» یعنی ویژگی در استاندارد یا مشخصات مرتبط فعلی تعریف شده است. «آزمایشی» یا «پشتیبانی محدود» نشان می‌دهد نباید بدون بررسی وضعیت پیاده‌سازی مرورگرهای هدف روی آن حساب کرد. «منسوخ» نیز برای ویژگی‌هایی استفاده می‌شود که در HTML مدرن نباید در کد جدید به کار روند و معمولاً جایگزین مناسب‌تری برای آن‌ها وجود دارد.
خیر. قرارگرفتن یک قابلیت در استاندارد و پیاده‌سازی آن در مرورگرها دو موضوع جدا هستند. بعضی ویژگی‌های جدید ابتدا وارد HTML Living Standard می‌شوند و سپس به‌تدریج در موتورهای مرورگر پیاده‌سازی می‌شوند. برای قابلیت‌هایی که سازگاری مرورگر اهمیت دارد، علاوه بر وضعیت استاندارد باید Browser Support همان ویژگی نیز بررسی شود.
Global Attributes طبق HTML برای عناصر HTML تعریف شده‌اند، اما این موضوع به معنی یکسان‌بودن اثر یا مفیدبودن هر ویژگی روی تمام عناصر نیست. برای نمونه class و id کاربرد بسیار عمومی دارند، در حالی که بعضی Global Attributeها فقط در شرایط مشخص اثر عملی مهمی ایجاد می‌کنند. بنابراین «Global» را به معنی مجازبودن عمومی در نظر بگیرید، نه اینکه هر ویژگی روی هر عنصر الزاماً کاربرد مفیدی داشته باشد.
role و ویژگی‌های aria-* برای انتقال اطلاعات معنایی و وضعیت رابط کاربری به فناوری‌های کمکی استفاده می‌شوند و به همین دلیل هنگام کار با HTML و دسترس‌پذیری اهمیت دارند. بااین‌حال، ARIA جایگزین HTML معنایی نیست؛ هر جا یک عنصر بومی HTML معنای و رفتار مناسب را فراهم می‌کند، استفاده از همان عنصر معمولاً انتخاب بهتری است.
ابتدا املای دقیق Attribute و عنصر مرتبط با آن را بررسی کنید. بعضی ویژگی‌ها ممکن است متعلق به استانداردهای مرتبط، قابلیت‌های آزمایشی یا فناوری‌هایی خارج از هسته HTML باشند و بعضی نام‌هایی که در نمونه‌های قدیمی دیده می‌شوند نیز ممکن است منسوخ شده باشند. برای تصمیم فنی حساس، آخرین HTML Living Standard و مشخصات رسمی فناوری مربوطه را بررسی کنید.
من هرگز مقاله جالبی مانند شما پیدا نکردم این برای من به اندازه کافی ارزش دارد.
به نظر من، اگر همه و وبلاگ نویسان محتوای خوبی همانطور که شما انجام دادید بنویسند اینترنت جای مفیدتری خواهد بود
سپاس از شما