صفات HTML (قسمت پنجم)


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


صفات HTML

همه عناصر HTML می توانند ویژگی داشته باشند
ویژگی ها اطلاعات بیشتری درمورد عناصر ارائه میدهند
ویژگی ها همیشه در برچسب شروع مشخص میشوند
صفات معمولا در نام/مقدار (“name =”value) وجود دارند


ویژگی href

برچسب <a> پیوند را تعریف میکند .
ویژگی href URL صفحه ای را که لینک به آن می رود مشخص میکند :

<a  href="https://www.vnstagram.ir">  به وینستاگرام مراجعه کنید   </a>

در بخش ” پیوند های HTML “ بیشتر درباره پیوندها خواهید آموخت.


صفت src

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

<img src="img_Mr.jpg">

برای تعیین URL در ویژگی src دو روش وجود دارد:

URL مطلق – پیوند به یک تصویر خارجی که در وب سایت دیگری میزبانی می شود.

src="https://www.vnstagram.ir/images/img_Mr.jpg".

URL نسبی – پیوندهایی به تصویری که در وب سایت میزبانی میشود .

src="/images/img_Mr.jpg"

نکته : همیشه بهتر است از URL نسبی استفاده کنید . در صورت تغییر دامنه ، آن ها از بین نمی رود


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

برچسب <img> همچنین باید دارای مشخصه های عرض و ارتفاع باشد ، عرض و ارتفاع
تصویر (در پیکسل) را مشخص می کند:

<img src="img_Mr.jpg" width="500" height="600">

صفت alt

ویژگی alt مورد نیاز برای برچسب <img> متنی جایگزین برای یک تصویر را مشخص می کند ، در صورتی که تصویر به دلایلی امکان نمایش ندارد.این می تواند به دلیل اتصال کند ، یا خطا در ویژگی src باشد

<img src="img_header.jpg" alt=" عکس هدر سایت من">

سبک صفت (استایل)

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

<p style="color:red;"> رنگ پاراگراف من قرمز است </p>

در فصل ” سبک های HTML ” بیشتر با سبک ها آشنا خواهید شد.


صفت زبان

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

مثال زیر ، انگلیسی را به عنوان زبان مشخص می کند:

<!DOCTYPE html>
<html lang="en">
<body>
...
</body>
</html>

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

در مثال زیر انگلیسی به عنوان زبان و ایالات متحده به عنوان کشور مشخص شده است:

<!DOCTYPE html>
<html lang="en-US">
<body>
...
</body>
</html>

می توانید تمام کدهای زبان را در” مرجع کد زبان HTML “خود مشاهده کنید.


عنوان صفت

ویژگی عنوان برخی اطلاعات اضافی در مورد یک عنصر را تعریف می کند.
هنگام قرار دادن ماوس روی عنصر ، مقدار ویژگی عنوان به عنوان یک راهنما نمایش داده می شود:

<p title="I'm a tooltip">  اولین پراگراف من </p>

ما پیشنهاد می کنیم همیشه از ویژگی های کوچک استفاده کنید
استاندارد HTML نیازی به نام ویژگی های کوچک ندارد.

در vnstagram ما همیشه از نام ویژگی های کوچک استفاده می کنیم.


ما پیشنهاد می کنیم: همیشه مقادیر صفت را نقل قول کنید

استاندارد HTML نیازی به نقل قول در مورد مقادیر ویژگی ندارد.

مثال درست

<a href="https://www.vnstagram/html/"> از آموزش های ما دیدن کنید</a>

مثال اشتباه

<a href=https://www.vnstagram/html/> از آموزش های ما دیدن کنید</a>

بعضی اوقات مجبورید از نقل قول استفاده کنید.این مثال ویژگی عنوان را به درستی نمایش نمی دهد
، زیرا حاوی یک فاصله است:

<p title=About vnstagram>

خلاصه این فصل

همه صفات HTML می توانند ویژگی داشته باشند
ویژگی href صفحه ای را که لینک به آن می رود مشخص میکند
ویژگی src از <img> مسیر تصویری را که باید نمایش داده شود مشخص می کند
ویژگی های عرض و ارتفاع در <img> اطلاعات اندازه تصاویر را فراهم می کنند
ویژگی alt در <img> متن جایگزین برای یک تصویر را فراهم میکند
از ویژگی style برای افزودن سبک به یک عنصر مانند رنگ ، قلم ، اندازه و موارد دیگر استفاده می شود
ویژگی lang از برچسب <html> زبان صفحه وب را اعلام می کند
ویژگی title عنوان برخی اطلاعات اضافی در مورد یک عنصر را تعریف می کند



Leave a Reply

Your email address will not be published. Required fields are marked *

Translate »