Html attribute(صفات html)

Attribute ها اطلاعات اضافی در مورد المنتهای  HTML ارائه می دهند.

Html attribute

  • تمام عناصر(المنت) HTML می توانند دارای attributes(صفات) باشند.
  • Attribute ها اطلاعات اضافی در مورد یک عنصر(المنت) ارائه می کنند.
  • Attribute ها همیشه در تگ شروع (start tag) مشخص می شوند.

Attribute ها معمولا به صورت روبرو می آیند : name=”value” (یعنی اول اسم attribute سپس علامت مساوی و سپس مقدار صفت در بین “مقدارصفت ” می آید.)

The href attribute(صفت href)

در html  لینک ها توسط تگ <a> معرفی میشوند . آدرس لینک در صفت href مشخص میشود:

<a href=”https://www.pysocial.com”>این یک لینک است .</a>

 

در قسمت های بعدی آموزش بیشتربا لینک ها و تگ <a> آشنا خواهید شد .

 

The src attribute(صفت src)

تصاویر HTML با برچسب <img> تعریف می شوند.

در داخل صفت src اسم فایل و مسیر آدرس عکس را مشخص میکنیم :

<img src=”img_ball.jpg”>

 

The width and height Attributes

(صفتهای عرض و ارتفاع)

تصاویر در HTML دارای مجموعه ای از ویژگی های اندازه هستند ، که عرض و ارتفاع تصویر را مشخص می کند:

<img src=”img_flower.jpg” width=”500″ height=”600″>

اندازه تصاویر در پیکسل مشخص شده است :width”500” به معنی این است که عرض تصویر 500 پیکسل است.

شما در قسمت  html images  اطلاعات بیشتری در مورد تصاویر در html  پیدا خواهید کرد .

 

The alt Attribute

( صفت alt)

صفت  alt  وقتی که یک عکس نمیتواند نشان داده شود یک متن جایگزین را برای عکس در نظر میگیرد .و آن متن را بجای عکس نمایش میدهد .

<img src=”img_flower.jpg” alt=”عکس گل”>

 

صفت alt  همچنین وقتی که عکس موجود نباشد مفید است .

The style Attribute

(صفت style)

صفت style برای مشخص کردن ظاهر یک عنصر، مانند رنگ، فونت، اندازه و غیره استفاده می شود.

<p style=”color:red”>من یک پاراگراف هستم .</p>

 

شما در قسمت های بعدی بیشتر با استایل دهی  آشنا میشوید همچنین در قسمت آموزش css  به تفصیل به آن میپردازیم.

The lang Attribute

(صفت lang)

زبان سند را می توان در تگ <html>  اعلام کرد.

زبان سند ما توسط صفت lang تعریف میشود .

مشخص کردن زبان سند برای موتورهای جست و جو مهم میباشد.

<!DOCTYPE html>
<html lang=”en-US”>
<body>

</body>
</html>


دو حرف اول زبان را مشخص میکنند (en) و اگر لهجه هم وجود داشته باشد از دو حرف اضافه دیگر هم استفاده میکنیم (US)

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

اگر بخواهیم که زبان فارسی را تعریف کنیم باید مینوشتیم :

<!DOCTYPE html>
<html lang=”fa”>
<body>

</body>
</html>

 

The title Attribute

(صفت title )

در اینجا صفت  title   به المنت <p> اضافه شده است . مقداری که در صفت title  قرار داده ایم هنگامی که نشانگر ماوس را روی پاراگراف قرار میدهیم  مقدارش به عنوان  tooltip نمایش داده میشود .

<p title=”I’m a tooltip”>
این یک پاراگراف است .
</p>

 

Quote Attribute Values

استاندارد HTML5 نیازی به گزاشتن علامت نقل قول(”   “) در اطراف مقادیر attribute ندارد.مانند

<a href=https://www.w3schools.com>

 

در مثال بالا برای تعریف مقدار صفت href  از علامت نقل قول استفاده نکردیم و این نوع تعریف بد هست .بهتر است که برای تعریف مقادیر attribute ها از علامت نقل قول (”  “) استفاده کنیم .

کنسرسیوم جهانی وب گزاشتن علامت نقل قول را پیشنهاد میکند.

گاهی مجبور هستیم که  از نقل قول استفاده کنیم . مثال پایینی title attribute را بدرستی نمایش نمیدهد چون شامل space(فضای خالی ) میباشد  .

<p title=About pysocial>

 

جا انداختن علامت نقل قول میتواند موجب خطا شود .

ما در آموزش هایمان همواره از علامت نقل قول در اعلام مقادیر attribute ها استفاده خواهیم کرد .

 

خلاصه این قسمت :

  • تمام عناصر HTML می توانند دارای attribute باشند.
  • Title attribute اطلاعات اضافی را تحت tooltip فراهم میکند .
  • href attribute اطلاعات آدرس را برای لینک ها را فراهم میکنند .
  • صفات width و height اندازه عکس هارا مشخص میکنند .
  • alt attribute یک متنی را هنگامی که عکس باز نشود به جای عکس نمایش میدهد .
  • در pysocial ما همیشه از حروف کوچک برای تعریف attribute ها استفاده میکنیم .
  • در pysocial ما همیشه مقادیر attribute ها را درون علامت نقل قول (” “)  قرار میدهیم .

 

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *