این آموزش در تاریخ ۱۴۰۲/۰۶/۲۱ آپدیت شده است.
لیست صفات تگ های 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 | مثال |