این آموزش در تاریخ ۱۴۰۲/۰۶/۲۱ آپدیت شده است.

لیست صفات تگ های HTML

سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با لیست صفات تگ های 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 مثال

لیست صفات تگ های HTML

Free-Learn

دریافت PDF یا پرینت این مطلب