این آموزش در تاریخ ۱۴۰۲/۰۶/۲۱ آپدیت شده است.
لیست صفات تگ های HTML
سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با لیست صفات تگ های HTML با من همراه باشید.

Free-Learn
لیست صفات تگ های HTML
شما دوستان عزیز در ادامه میتوانید لیست تمامی صفات تگ های HTML ( یعنی صفت هایی که میشه در تگ های HTML ازشون استفاده کرد ) رو مشاهده نمایید.
ما بطور کلی ۲ نمونه صفت میتونیم داشته باشیم :
- صفت عمومی : تقریبا میشه گفت در همه ی تگ های HTML میتوان از آنها استفاده کرد. ( لیست صفات عمومی )
- صفت خصوصی : فقط در یک یا چندین تگ خاص میتوان از آن استفاده کرد.
Free-Learn
لیست صفات تگ های HTML
- صفت هایی که رنگشون به این شکل و علامت
دارند یعنی منسوخ شدن و نیاز نیست ازشون استفاده کنید - صفت هایی که رنگشون به این شکل هستند یعنی مرورگرها ازشون پشتیبانی نمیکنند
- با کلیک بروی هر صفت میتونید آموزش اون صفت رو بصورت مجزا مشاهده نمایید
- با کلیک بروی مثال ( مقابل هر یک از صفات ) میتونید یک مثال از آن صفت مشاهده نمایید
| نام صفت | توضیح | مثال |
|---|---|---|
| Accept | مشخص کردن نوع فایل های قابل آپلود توسط کاربر | مثال |
| Accept-charset | مشخص کردن نحوه کدگذاری داده ها برای ارسال در فرم ها | مثال |
| Accesskey | برای ایجاد یک کلید میانبر برای دسترسی سریع به یک تگ | مثال |
| Action | برای مشخص کردن آدرس فایل موجود بروی سرور جهت گرفتن داده های داخل فرم |
مثال |
| Align | برای مشخص کردن ترازبندی تگ ها در صفحه ( |
مثال |
| Alt | برای مشخص کردن یه توضیح کوتاه درباره عکس | مثال |
| Async | مشخص میکند که فایل جاوااسکریپت بصورت غیرهمزمان در صفحه اجرا شود | – |
| Autocomplete | قابلیت تکمیل خودکار فیلدهای فرم را مشخص میکند | مثال |
| Autofocus | مشخص میکند که کدام تگ بلافاصله بعد از لود شدن صفحه برویش فوکوس شود ( یا آماده نوشتن شود ) |
مثال |
| Autoplay | برای تنظیم پخش خودکار یک فایل ویدئویی یا صوتی | مثال |
| Bgcolor | برای مشخص کردن رنگ زمینه صفحه ( |
مثال |
| Background | برای گذاشتن عکس برای زمینه صفحه ( |
مثال |
| Alink | برای مشخص کردن رنگ لینک ( لحظه کلیک بروی آن ) ( |
مثال |
| link | برای مشخص کردن رنگ لینک ( لینکی که هنوز روش کلیک نشده باشد ) ( |
مثال |
| Vlink | برای مشخص کردن رنگ لینک ( لینکی که از قبل روش کلیک شده باشد ) ( |
مثال |
| Text | برای مشخص کردن رنگ متن کل صفحه ( |
مثال |
| Border | برای کشیدن خط به دور تگ ( |
مثال |
| Charset | برای مشخص کردن نحوه کدگذاری کاراکترها در صفحه | مثال |
| Checked | برای تیک زدن یک Input از نوع چک باکس یا از نوع رادیویی | مثال |
| Cite | میتوان یک آدرس اینترنتی رو به عنوان یک منبع یا مرجع مشخص کرد | مثال |
| Class | برای تعریف یک یا چندین کلاس برای تگ | مثال |
| Cols | میتوانیم اندازه عرض یک Textarea رو ( به نسبت تعداد ستون ) مشخص نماییم |
مثال |
| Colspan | برای ادغام ستون های جدول | مثال |
| Content | برای مشخص کردن یک مقدار برای تگ Meta | مثال |
| Contenteditable | برای قابل ویرایش کردن یک تگ ( یعنی محتوای اون تگ قابل ویرایش میشه ) |
مثال |
| Controls | برای نمایش دکمه پخش ، تنظیم صدا و.. ( در ویدئوها و آهنگ ها ) |
مثال |
| Coords | برای تعریف ناحیه های قابل کلیک بروی یک تصویر ( برای ایجاد یک نقشه ی تصویری ) |
مثال |
| Data | برای مشخص کردن یک آدرس URL برای تگ object | مثال |
| *-Data | برای نگهداری برخی داده ها درون تگ ها | مثال |
| Datetime | برای مشخص کردن تاریخ و زمان عمل انجام یک کار | مثال |
| Default | برای استفاده در تگ track | مثال |
| Defer | مشخص میکند که یک فایل جاوااسکریپت چگونه در صفحه اجرا شود | – |
| Dir | برای مشخص کردن جهت متن ( راست به چپ یا RTL یا چپ به راست یا LTR ) |
مثال |
| Dirname | جهت قرار گیری متن را درون هر یک از تگ های Input و Textarea در هنگام ارسال داده ها بسمت سرور مشخص میکند |
مثال |
| Disabled | برای غیرفعال کردن یک تگ | مثال |
| Download | برای دانلود مستقیم یک فایل ، تصویر ، ویدئو و.. با کلیک بروی آن | مثال |
| Draggable | مشخص میکند که آیا یک تگ قابل کشیده شدن میباشد یا خیر | مثال |
| Dropzone | توسط هیچکدام از مرورگرهای اینترنتی پشتیبانی نمیشود | – |
| Enctype | نحوه ی کدگذاری داده های یک فرم را در هنگام ارسال به سرور مشخص میکند | – |
| For | یک برچسب یا لیبل برای تگ های داخل فرم مشخص میکند | مثال |
| Form | مشخص میکنه که داده های یک Input در هنگام ارسال فرم بسمت سرور متعلق به کدام فرم می باشد |
مثال |
| Formaction | درون دکمه Submit ( دکمه ارسال داده ها بسمت سرور ) استفاده میشود و میتونه مشخص کنه که داده ها به کدام صفحه در سرور ارسال شود |
مثال |
| Headers | میتوان یک یا چندین سلول ( Td ) را که مرتبط با ستون ( Th ) های جدول می باشند مشخص کرد |
مثال |
| Height | برای مشخص کردن اندازه ارتفاع یک تگ | مثال |
| Hidden | برای مخفی کردن یک تگ در صفحه | مثال |
| High | برای مشخص کردن بیشترین مقدار برای تگ Meter | مثال |
| Href | برای مشخص کردن آدرس URL یا مسیر یک فایل | مثال |
| Hreflang | برای مشخص کردن زبان صفحه ای که بهش لینک کردیم | مثال |
| Http-equiv | برای استفاده در تگ Meta ( مثال رو ببینید ) | مثال |
| Id | برای مشخص کردن ID برای یک یا چندین تگ | مثال |
| Ismap | میتوان یک نقشه تصویری در سمت سرور ایجاد کرد | مثال |
| Kind | برای مشخص کردن نوع متن ( متن موجود در یک فایل ) | مثال |
| Label | برای مشخص کردن یک نام نمایشی برای تگ های track و option و optgroup | مثال |
| Lang | برای مشخص کردن زبان محتوای یک صفحه یا یک تگ ( از نظر سئو مهم ) |
مثال |
| List | میتواند یک لیست از گزینه های از پیش تعریف شده را ایجاد نماید | مثال |
| Loop | برای تنظیم پخش مجدد ( تکرار پخش ) یک ویدئو یا آهنگ | مثال |
| Low | کمترین مقدار یک محدوده را مشخص نماید ( در تگ Meter ) | مثال |
| Max | بیشترین مقدار یک محدوده را مشخص نماید ( در تگ Meter ) | مثال |
| Maxlength | میتوان مشخص کرد که کاربر چه تعداد کاراکتر میتونه درون یک تگ وارد کند | مثال |
| Media | میتوان نحوه نمایش یک فایل را در دستگاهای مختلف ( موبایل و.. ) مشخص کرد | مثال |
| Method | میتوان نحوه چگونگی ارسال داده های فرم به سرور را مشخص کرد | مثال |
| Min | برای مشخص کردن کمترین مقدار برای تگ Meter | مثال |
| Multiple | میتوان این امکان رو ایجاد کرد که کاربر بتواند چندین گزینه رو بصورت همزمان انتخاب کند |
مثال |
| Muted | برای قطع کردن صدای آهنگ یا ویدئو | مثال |
| Name | برای تعریف یک نام ( Name ) برای یک تگ | مثال |
| Novalidate | مشخص میکنه که داده های یک فرم در هنگام ارسال به سرور اعتبارسنجی نشوند |
مثال |
| Open | جهت استفاده در تگ details | مثال |
| Optimum | جهت استفاده در تگ Meter | مثال |
| Pattern | میتوانیم یک الگو / قانون مشخصی رو برای مقادیری که داخل Input ها وارد میشه تعریف نماییم |
مثال |
| Placeholder | میتوانیم یک توضیح کوتاه را درون یک Input بصورت پس زمینه ای به نمایش درآوریم |
مثال |
| Poster | میتوان یک تصویر شاخص را برای یک ویدئو مشخص کرد | مثال |
| Preload | میتوان مشخص کرد که آیا همزمان با بارگذاری صفحه یک فایل آهنگ یا ویدئویی نیز بارگذاری شود یا خیر |
مثال |
| Readonly | میتوان یک تگ رو بصورت فقط خواندنی کرد ( یعنی مقدار آن تگ غیرقابل تغییر می باشد ) |
مثال |
| Rel | برای مشخص کردن رابطه ی بین صفحه جاری و صفحه مقصد که بهش لینک شده |
مثال |
| Required | میتوان مشخص کرد که یک فیلد اینپوت در فرم ضروری است که تکمیل شود | مثال |
| Reversed | برای معکوس کردن شمارش آیتم های یک لیست مرتب ( OL ) | مثال |
| Rows | میتواند اندازه ارتفاع یک Textarea رو به نسبت ( تعداد سطر ) مشخص نماید |
مثال |
| Rowspan | برای ادغام کردن سطرهای جدول | مثال |
| Sandbox | جهت مشخص کردن یکسری محدودیت ها برای محتوای داخل تگ Iframe |
مثال |
| Scope | جهت استفاده در تگ Th | مثال |
| Selected | برای انتخاب یک گزینه بصورت پیش فرض در یک لیست بازشو | مثال |
| Shape | میتوان نوع شکل یا نوع ناحیه قابل کلیک در یک نقشه تصویری را مشخص کرد |
مثال |
| Size | میتوان اندازه عرض یک تگ رو به نسبت تعداد کاراکتر مشخص کرد | مثال |
| Sizes | میتوان سایز یا اندازه یک فایل را در اندازه های مختلف صفحه نمایش مشخص کرد |
مثال |
| Span | جهت استفاده در تگ های Col و Colgroup | مثال |
| Spellcheck | تعریف میکند که آیا یک تگ از نظر گرامر ( غلط املایی ) چک شود یا خیر | مثال |
| Src | برای مشخص کردن آدرس URL یا محل یک فایل / لینک | مثال |
| Srcdoc | برای استفاده از تگ های HTML درون تگ Iframe | مثال |
| Srclang | جهت استفاده در تگ Track | مثال |
| Srcset | میتوان نحوه نمایش یک تصویر را در اندازه های مختلف صفحه نمایش مشخص کرد |
مثال |
| Start | نقطه ی شروع آیتم های یک لیست مرتب شده را مشخص میکند | مثال |
| Step | میتوان تعداد / میزان پرش بین اعداد را مشخص کرد | مثال |
| Style | برای استفاده از دستورات CSS درون تگ های HTML | مثال |
| Tabindex | برای تعریف شماره تب یا Tab برای یک یا چندین تگ | مثال |
| Target | برای مشخص کردن نحوه بازشدن لینک ها ( مثلا در تب جدید باز بشن و.. ) |
مثال |
| Title | برای تعریف یک متن کوتاه درباره تگ ( یا تولتیپ ) | مثال |
| Translate | برای مشخص کردن اینکه آیا محتوای یک تگ قابل ترجمه باشد یا خیر | مثال |
| Type | برای مشخص کردن نوع یک تگ | مثال |
| Usemap | برای تعریف یک نقشه ی تصویری | مثال |
| Value | برای مشخص کردن مقدار یک تگ | مثال |
| Width | برای مشخص کردن اندازه عرض یک تگ | مثال |
| Wrap | برای مشخص کردن نحوه نمایش محتوای یک Textarea | مثال |





