ویژگی های HTML

همه عناصر HTML می توانند ویژگی هایی داشته باشند که این ویژگی ها اطلاعات بیشتری در مورد عناصر به ما ارائه می دهند.

ویژگی ها همیشه در برچسب شروع مشخص می شوند و معمولا در جفت هایی مثل نام/مقدار خواهند آمد، مثل name="value"

 

ویژگی href

تگ <a> برای تعریف یک لینک پیوند به کار می رود و href مشخص می کند که به کدام لینک هدایت شوید.

<a href="https://maxdev.ir">مشاهده سایت ما</a>
امتحان کنید

 

ویژگی src

برچسب <img> برای جاسازی یک تصویر در صفحه HTML استفاده می شود و src مسیر نمایش تصویر را نشان خواهد داد.

<img src="https://maxdev.ir/admin/uploads/maxdev.JPG">
امتحان کنید

 

ویژگی های عرض و ارتفاع

تگ  همچنین باید شامل ویژگی width  و height  باشد که عرض و ارتفاع عکس را " به پیکسل " مشخص کند.

<img src="https://maxdev.ir/admin/uploads/maxdev.JPG" alt="maxdev.com" width="1351" height="88">
امتحان کنید

 

ویژگی alt

ویژگی alt  یک متن جایگزین برای برای تصویر <img> مشخص می کند، اگر تصویر به هر دلیلی نشان داده نشود ( مثل کندی اینترنت یا خطا در src  )، این متن به جای تصویر به نمایش درآمده و تصویر را شرح می دهد.

<img src="https://maxdev.ir/admin/uploads/maxdev.JPG" alt="آموزش های مجازی">
امتحان کنید

 

ویژگی سبک HTML

ویژگی  برای اضافه کردن سبک ها به یک عنصر ( مثل رنگ، فونت، اندازه و … ) به کار می رود.

<p style="color:red;">پاراگراف قرمز می شود.</p>
امتحان کنید

 

ویژگی زبان "lang"

شما باید همیشه ویژگی lang  را داخل برچسب <html> برای اعلام زبان صفحه وب خود استفاده کنید. این به مرورگر ها و موتور های جست و جو برای نتایج کامل تر کمک خواهد کرد.

<!DOCTYPE html>

<html lang="en">

<body>

...

</body>

</html>

 

در این کد اشاره شده که زبان این سند HTML انگلیسی می باشد.

کدهای کشور ها نیز می توانند به کد زبان در ویژگی lang اضافه شوند. پس دو کاراکتر اول زبان صفحه HTML را تعریف می کنند و دو کاراکتر آخر معرف کشور می باشند.

در مثال زیر به زبان انگلیسی کشور آمریکا اشاره شده است

<!DOCTYPE html>

<html lang="en-US">

<body>

...

</body>

</html>

 

ویژگی عنوان

ویژگی title برخی اطلاعات اضافی در مورد یک عنصر را تعریف می کند.

وقتی موس را روی عنصر بگذارید، مقدار ویژگی عنوان به عنوان راهنما نشان داده خواهد شد.

<p title="من راهنما هستم">موس را روی من بگذارید</p>
امتحان کنید

 

نکته: در HTML نیازی به استفاده از نقل قول " " در اطراف مقادیر ویژگی ها وجود ندارد. با این حال ما توصیه می کنیم از آن استفاده کنید.

برای مثال

<a href="https://maxdev.ir/html/">سایت ما</a>

 

خیلی بهتر از

<a href=https://maxdev.ir/html/>سایت ما</a>

می باشد.

 

نقل قول های تکی یا دوتایی

نقل قول های دوتایی " " در اطراف مقادیر ویژگی در HTML رایج تر هستند ولی نقل قول های تکی ' ' هم می تواند استفاده شود.

در برخی شرایط، وقتی که مقدار مشخصه خودش شامل نقل قول دوتایی می شود، لازم است که از نقل قول های تکی استفاده شود.

برای مثال:

<p title='John "ShotGun" Nelson'>

یا

<p title="John 'ShotGun' Nelson">