انواع خاصیت در HTML

انواع خاصیت در HTML

خاصیت ها یکی دیگر از بخش مهم نشانه گذاری HTML هستند که برای تعریف ویژگی های یک عنصر در داخل تگ شروع یک عنصر قرار می گیرند. تمام ویژگی ها از دو قسمت تشکیل شده اند یک نام و یک مقدار:

انواع خاصیت در HTML

انواع خاصیت در HTML

بسیاری از تگ های HTML دارای مجموعه ای منحصر به فرد از خاصیت ها هستند. در اینجا قصد داریم برخی از ویژگی های عمومی که می توانند برای همه تگ HTML استفاده شوند را معرفی کنیم .

خاصیت های اصلی 

چهار ویژگی اصلی که می توانند برای اکثر عناصر HTML (اما نه همه) استفاده شوند عبارتند از:

id

title

class

style

خاصیت id 

خاصیت id را می توان به عنوان یک شناسه منحصر به فرد برای هر عنصر در یک صفحه یا شیوه نامه مورد استفاده قرار داد. لینک ها از این خاصیت به عنوان یک قسمت از لینک استفاده می کنند. اسکریپت ها نیز برای شناسایی یک عنصر به آن نیاز خواهند داشت . دو دلیل اصلی که شما ممکن است مایل باشید از خاصیت id بر روی یک عنصر استفاده کنید شامل موارد زیر است :

  • اگر یک عنصر دارای  خاصیت id به عنوان یک شناسه منحصر به فرد باشد تنها همان عنصر و محتوای آن را شناسایی میکند.
  • اگر شما دو عنصر هم نام در یک صفحه وب (یا شیوه نامه) داشته باشید، می توانید از خاصیت id برای تمایز بین این عناصر هم نام استفاده کنید.

درباره شیوه نامه در آموزش جداگانه به بحث خواهیم پرداخت. در مثال زیر خاصیت id را می توان برای تمایز بین دو عنصر پاراگراف مورد استفاده قرار داد:

توجه داشته باشید که قوانین ویژه ای برای مقدار خاصیت id وجود دارد . این مقدار باید با حروف (AZ و az) شروع شده و با هر تعداد حروف، ارقام (۰٫۹)، – ، _ و دونقطه ادامه یابد.

خاصیت  title

خاصیت title یک عنوان برای عنصر پیشنهاد میدهد. قواعد نوشتاری این خاصیت همانند خاصیت id میباشد .

این خاصیت به عنوان یک ابزار راهنما نمایش داده میشود، هرچند که رفتار این خاصیت به عنصری که در آن قرار گرفته است بستگی دارد.

به عنوان مثال:

با قرار دادن موس بر روی نتیجه مثال بالا در مرورگر ، عنوانی که برای مقدار خاصیت title در نظر گرفته بودید را مشاهده خواهید کرد .

خاصیت class 

خاصیت class برای برقراری ارتباط یک عنصر با یک شیوه نامه مورد استفاده قرار میگیرد و کلاس یک عنصر را مشخص می کند. در هنگام یادگیری CSS می توانید اطلاعات بیشتری از این خاصیت بدست آورید .مقدار این خاصیت نیز با فاصله از هم جدا میشوند. به عنوان مثال:

class=”className1 className2 className3″

 خاصیت  style 

خاصیت styleبه شما اجازه می دهد قوانین CSS را در عنصر مشخص کنید. به عنوان مثال:

 خاصیت های بین المللی

سه ویژگی بین المللی وجود دارد، که برای بسیاری از عناصر XHTML (اما نه همه) در دسترس می باشند:

dir

lang

xml:lang

خاصیت dir 

خاصیت dir به شما اجازه می دهد که جهت متن را به مرورگر نشان دهید . از یکی از دو مقداری که در جدول زیر مشاهده کنید می توانید استفاده کنید:

مقدارشرح
ltrچپ به راست ( مقدار پیش فرض )
rtlراست به چپ ( برای زبان هایی مثل فارسی و عربی که از راست خوانده میشوند)

برای مثال :

هنگامی که خاصیت dir در داخل تگ <html> استفاده می شود، تعیین میکند که متن چگونه در کل یک سند ارائه خواهد شد و هنگامی که در تگ های دیگر استفاده شود، جهت متن را فقط برای محتوای آن تگ کنترل میکند.

خاصیت lang

خاصیت lang به شما اجازه می دهد تا زبان اصلی مورد استفاده در یک سند را نشان دهید ، اما این ویژگی در HTML  فقط به دلیل سازگاری عقب رو با نسخه های قبلی HTML حفظ شده و در اسناد XHTML این ویژگی با xml:lang جایگزین شده است.

خاصیت lang هنگامی که در داخل تگ <html> گنجانده شود، به طور کلی زبان مورد استفاده در سند را مشخص خواهد کرد و هنگامی که در تگ های دیگر استفاده شود، زبان محتوای تگ را مشخص می کند. در حالت ایده آل، مرورگر از خاصیت lang برای ارائه بهتر متن به کاربر استفاده میکند.

برای مثال :

خاصیت xml:lang 

xml:lang در XHTML جایگزینی برای خاصیت lang است. مقدار آن  باید کد ISO-639 یک کشور باشد .

ویژگی های عمومی

در اینجا یک جدول از خاصیت هایی که به راحتی در بسیاری از تگ های HTML قابل استفاده هستند را مشاهده میکنید :

خاصیت هاتوضیحات
accesskeyیک کلید میانبر برای فعال سازی و دستیابی به یک عنصر مشخص میکند
classیک عنصر را برای استفاده در CSS طبقه بندی میکند
contenteditable  newمشخص می کند که آیا محتوای یک عنصر قابل ویرایش است یا خیر
contextmenu  newیک منوی زمینه برای یک عنصر مشخص میکند. این منو هنگامی که کاربر بر روی عنصر راست کلیک میکند ظاهر میشود
data-*   newبرای ذخیره داده های سفارشیو خصوصی در صفحه و یا نرم افزار مورد استفاده قرار میگیرد
dirجهت متن را برای محتوای یک عنصر مشخص میکند
draggable   newمشخص میکند که یک عنصرقابل کشیدن است یا خیر
dropzone   newمشخص می کند داده های کشیده شده، زمانی که رها میشوند ، کپی ، جابجا و یا لینک شده اند
idیک شناسه منحصر به فرد برای یک عنصر مشخص میکند
langزبان محتوای عنصر را مشخص می کند
spellcheck   newمشخص می کند که یک عنصر از نظر املا و دستور زبان بررسی می شود یا خیر
styleیک استایل CSS درون خطی برای یک عنصرتعیین می کند
tabindexجهت تبیک عنصر راتعیین میکند
titleاطلاعات بیشتری در مورد عنصرمشخص میکند
translate   newمشخص می کند که محتوای یک عنصر باید ترجمه شود یا خیر
پاسخ به کلیه سوالات شما در زمینه وب هاستینگ و مدیریت سرور در انجمن کامپایلر

پاسخ دهید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *