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