نماد سایت محمدجواداسدی

صفات HTML یا ( HTML Attributes )

javad
HTML

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

صفات HTML یا ( HTML Attributes )

ویژگی href

این برچسب <a>  پیوندی را تعریف می کند . hrefموجودیت url صفحه از لینک می رود به مشخص می کند:

مثال

۱
<a href=”https://www.w3schools.com”>Visit W3Schools</a>

 

 

 “خودتان امتحان کنید”

 

صفت src

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

مثال

۱
<img src=”img_girl.jpg”>

 

 

 “خودتان امتحان کنید”

 

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

۱. URL مطلق – پیوند به یک تصویر خارجی که در وب سایت دیگری میزبانی می شود. مثال: src = “https://www.w3schools.com/images/img_girl.jpg”.

یادداشت ها: ممکن است تصاویر خارجی تحت حق چاپ باشند . اگر اجازه استفاده از آن را نگرفتید ، ممکن است قوانین کپی رایت را نقض کنید . علاوه بر این ، شما نمی توانید تصاویر خارجی را کنترل کنید . می تواند ناگهان حذف یا تغییر کند .

۲. URL نسبی – پیوندهایی به تصویری که در وب سایت میزبانی می شود . در اینجا ، URL شامل نام دامنه نیست . اگر URL بدون بریدگی شروع شود ، نسبت به صفحه فعلی خواهد بود . مثال: src = “img_girl.jpg”. اگر URL با بریدگی آغاز شود ، نسبت به دامنه خواهد بود . مثال: src = “/ images / img_girl.jpg”.

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

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

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

مثال

۱
<img src=”img_girl.jpg” width=”۵۰۰″ height=”۶۰۰″>

 

 

 “خودتان امتحان کنید”

صفت alt

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

مثال

۱
<img src=”img_girl.jpg” alt=”Girl with a jacket”>

 

 

“خودتان امتحان کنید”

مثال

ببینید اگر بخواهیم تصویری را که وجود ندارد نمایش دهیم ، چه اتفاقی می افتد :

۱
<img src=”img_typo.jpg” alt=”Girl with a jacket”>

 

 

“خودتان امتحان کنید”

استایل صفت

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

مثال

۱
<p style=”color:red;”>This is a red paragraph.</p>

 

 

 

“خودتان امتحان کنید”

صفت زبان (lang Attribute)

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

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

۱
۲
۳
۴
۵
۶
<!DOCTYPE html>
<html lang=”en”>
<body>
…
</body>
</html>

 

 

 

 

 

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

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

۱
۲
۳
۴
۵
۶
<!DOCTYPE html>
<html lang=”en-US”>
<body>
…
</body>
</html>

 

 

 

 

 

 

عنوان صفت (title Attribute)

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

هنگامی که روی عنصر قرار می گیرید ، مقدار ویژگی عنوان به عنوان یک راهنما نمایش داده می شود:

مثال

۱
<p title=”I’m a tooltip”>This is a paragraph.</p>

 

 

“خودتان امتحان کنید”

پیشنهاد می کنیم: همیشه از ویژگی های کوچک استفاده کنید

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

ویژگی عنوان (و همه ویژگی های دیگر) را می توان با بزرگ یا کوچک مانند title یا TITLE نوشت .

با این حال ، W3C ویژگی های کوچک را در HTML توصیه می کند و برای انواع سند سختگیرانه تری مانند XHTML ویژگی های کوچک را می طلبد .

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

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

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

با این حال ، W3C توصیه نقل قول در HTML ، و خواسته به نقل از برای انواع سند سختگیرانه تر مانند XHTML .

خوب:

۱
<a href=”https://www.w3schools.com/html/”>Visit our HTML tutorial</a>

 

 

بد:

۱
<a href=https://www.w3schools.com/html/>Visit our HTML tutorial</a>

 

 

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

مثال

۱
<p title=About W3Schools>

 

 

 

“خودتان امتحان کنید”

 

در W3S Schools همیشه از نقل قول (“”)در اطراف مقادیر ویژگی استفاده می کنیم.

نقل قول های یک یا دو نفره؟ (”) or (“”)

نقل قول های مضاعف در اطراف مقادیر ویژگی معمول ترین در HTML هستند ، اما می توان از نقل قول های منفرد نیز استفاده کرد.

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

۱
<p title=’John “ShotGun” Nelson’>

 

 

یا برعکس:

۱
<p title=”John ‘ShotGun’ Nelson”>

 

 

“خودتان امتحان کنید”

 

خلاصه ی فصل

 

تمامی مراحل آموزشی این دوره در آدرس HTML قرار دارد.

منتظر نظرات و پیشنهادات زیبای شما هستم .

خروج از نسخه موبایل