ویژگی ها در HTML (HTML Attributes)
ویژگی یا Attribute در HTML اطلاعات اضافی درباره عناصر ارائه می دهد. همه عناصر می توانند ویژگی داشته باشند و ویژگی ها معمولاً در تگ شروع نوشته می شوند. ویژگی ها معمولاً به صورت جفت نام/مقدار تعریف می شوند، مانند name="value".
نمونه ای از ویژگی ها
- ویژگی
hrefبرای مشخص کردن آدرس لینک در<a> - ویژگی
srcبرای تعیین مسیر تصویر در<img> - ویژگی های
widthوheightبرای اندازه تصویر - ویژگی
altبرای متن جایگزین تصویر - ویژگی
styleبرای اضافه کردن استایل ها - ویژگی
langبرای تعیین زبان صفحه - ویژگی
titleبرای نمایش توضیح اضافی به صورت tooltip
مثال: ویژگی href
ویژگی href آدرس مقصد لینک را مشخص می کند:
<a href="https://www.w3schools.com">Visit W3Schools</a>مثال: ویژگی src و alt
ویژگی src مسیر تصویر را مشخص می کند و ویژگی alt متن جایگزین را در صورت خطا یا بارگذاری نشدن تصویر نمایش می دهد:
<img src="img_girl.jpg" alt="Girl with a jacket">ویژگی style
ویژگی style امکان تعریف استایل درون خطی مانند رنگ و فونت را می دهد:
<p style="color:red;">This is a red paragraph.</p>ویژگی lang
ویژگی lang باید در تگ <html> استفاده شود تا زبان صفحه مشخص گردد:
<!DOCTYPE html>
<html lang="en-US">
<body>
...
</body>
</html>ویژگی title
ویژگی title توضیحات اضافی را به صورت tooltip هنگام حرکت ماوس نمایش می دهد:
<p title="I'm a tooltip">This is a paragraph.</p>بهترین شیوه ها برای ویژگی ها
- همیشه از حروف کوچک برای ویژگی ها استفاده کنید.
- همیشه مقدار ویژگی ها را در کوتیشن قرار دهید.
- می توانید از کوتیشن تکی یا دوتایی استفاده کنید بسته به نیاز.
نکته: استفاده از کوتیشن برای جلوگیری از خطا توصیه می شود، به ویژه وقتی مقدار شامل فاصله یا کوتیشن باشد.
خلاصه فصل
- تمام عناصر HTML می توانند ویژگی داشته باشند.
hrefمقصد لینک را مشخص می کند.srcمسیر تصویر را مشخص می کند.altمتن جایگزین تصویر را مشخص می کند.styleاستایل ها را تعریف می کند.langزبان صفحه را مشخص می کند.titleتوضیح اضافی را نمایش می دهد.
برای مطالعه بیشتر می توانید بخش عناصر HTML و تیترها (Headings) را ببینید.