mohammad javad asadi

0 %
محمدجواداسدی
توسعه دهنده وب
  • محل سکونت:
    کرمان
  • شهر:
    کرمان
html
CSS
java script
(PWA)Progressive Web App
WORDPRESS
react
react-native
PHP
  • photoshop
  • xd

صفات HTML یا ( HTML Attributes )

۹ خرداد ۱۴۰۰

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

صفات HTML یا ( HTML Attributes )

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

ویژگی 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 می توانند ویژگی داشته باشند .
  • صفت hrefدر <a>مشخص کردن URL از صفحه لینک است
  • ویژگی srcدر <img>مسیر به تصویر مشخص نمایش داده می شود
  • widthو heightصفات <img>اطلاعات اندازه برای تصویر ارائه میدهد.
  • ویژگی alt در <img>یک متن برای یک تصویر را فراهم میکند.
  • از ویژگی style برای افزودن سبک ها به یک عنصر مانند رنگ ، قلم ، اندازه و موارد دیگر استفاده می شود.
  • صفت lang از تگ<html> زبان صفحه وب را مشخص میکند.
  • ویژگی title برخی از اطلاعات اضافی در مورد یک عنصر را تعریف می کند.

 

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

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

ارسال شده در HTML, برنامه نویسان, طراحی وب, مطالب آموزشی, وببرچسپ ها:
یک دیدگاه بنویسید
© تمامی حفوق برای محمدجواداسدی میباشد
ایمیل: asadij313@gmail.com
تلفن تماس :09387370966
logo-samandehi