در این آموزش html به معرفی خصیصه ها خواهیم پرداخت.
خصیصه ها اطلاعات اضافی در مورد عناصر HTML ارائه می دهند.
خصیصه های HTML
تمام عناصر HTML می توانند دارای صفات باشند
ویژگی ها اطلاعات اضافی در مورد یک عنصر ارائه می کنند
ویژگی ها همیشه در برچسب شروع مشخص می شوند
خصوصیات معمولا در جفت نام / ارزش مانند: name = “value”
مشخصه href
لینک های HTML با برچسب <a> تعریف شده اند. آدرس لینک در صفت href مشخص شده است:
|
<ahref="https://www.tiktheme.com">Thisisalink</a>
|
شما بیشتر درباره پیوندها و <a> برچسب بیشتر در این آموزش یاد خواهید گرفت.
مشخصه src
تصاویر HTML با برچسب <img> تعریف می شوند.
نام پرونده منبع تصویر در مشخصه src مشخص شده است:
ویژگی های عرض و ارتفاع
تصاویر در HTML دارای مجموعه ای از ویژگی های اندازه، که عرض و ارتفاع تصویر را مشخص می کند:
|
<img src="img_girl.jpg"width="500"height="600">
|
اندازه تصویر در پیکسل مشخص شده است: عرض = “۵۰۰” به معنای ۵۰۰ پیکسل عرض است.
شما بیشتر در مورد تصاویر در بخش تصاویر HTML ما اطلاعات بیشتری کسب خواهید کرد.
مشخصه alt
خصیصه alt یک متن جایگزین را که هنگام استفاده از یک تصویر می تواند نمایش داده شود، استفاده می کند.
همین حالا ببینید: قدم اول یادگیری HTML - مقدمه
ارزش این ویژگی را می توان توسط خوانندگان صفحه خوانده شده خواند. به این ترتیب، فردی “گوش دادن” به صفحه وب، برای مثال یک فرد کور، می تواند “شنیدن”
|
<img src="img_girl.jpg"alt="Girl with a jacket">
|
خصیصه alt نیز مفید است اگر تصویر وجود ندارد:
|
<img src="img_typo.jpg"alt="Girl with a jacket">
|
مشخصه style
خصیصه سبک برای مشخص کردن ظاهر یک عنصر، مانند رنگ، فونت، اندازه و غیره استفاده می شود.
|
<pstyle="color:red">Iamaparagraph</p>
|
شما بعدا در این آموزش و در Tutorial CSS ما اطلاعات بیشتری در مورد ظاهر خواهید آموخت.
مشخصه lang
زبان سند را می توان در برچسب <html> اعلام کرد.
زبان با ویژگی lang مشخص شده است.
اعلام زبان برای برنامه های دسترسی (خوانندگان صفحه نمایش) و موتورهای جستجو اهمیت دارد:
|
<!DOCTYPE html>
<html lang="en-US">
<body>
...
</body>
</html>
|
دو حرف اول، زبان (en) را مشخص می کند. اگر یک گویش وجود دارد، از دو حروف دیگر استفاده کنید (ایالات متحده).
همین حالا ببینید: معرفی ویراستاران HTML
مشخصه title
در اینجا یک ویژگی عنوان به عنصر <p> اضافه شده است. مقدار مشخصه عنوان به عنوان یک راهنمای ابزار نمایش داده می شود که ماوس بر روی پاراگراف:
|
<ptitle="I'm a tooltip">
Thisisaparagraph.
</p>
|
پیشنهاد ما: استفاده از ویژگی های کوچک
استاندارد HTML5 مستلزم نام اختصاری نیست.
ویژگی عنوان را می توان با حروف بزرگ یا کوچک مثل عنوان یا TITLE نوشته شده است.
W3C توصیف حروف کوچک در HTML، و مستلزم حروف کوچک برای انواع سند سخت تر مانند XHTML است.
ارزش علامت نقل قول
استاندارد HTML5 نیازی به نقل قول در اطراف مقادیر attribute ندارد.
ویژگی href، نشان داده شده در بالا، می تواند بدون نقل قول نوشته شود:
|
<span style="color: #0000ff;"><strong><span style="font-size: 16px;">بد</span></strong></span>
<ahref=https://www.tiktheme.com>
|
|
<span style="color: #0000ff;"><strong><span style="font-size: 16px;">خوب</span></strong></span>
<ahref="https://www.tiktheme.com">
|
تیک تم پیشنهادات نقل قول ها در HTML را ارائه می دهد و تقاضای نقل قول هایی را برای انواع سند سخت تر مانند XHTML می دهد.
همین حالا ببینید: معرفی عناصر HTML
گاهی لازم است از نقل قول استفاده کنید. این مثال صفت عنوان را به درستی نمایش نمی دهد، زیرا حاوی یک فضای است:
یک یا دو نقل قول؟
مقادیر دوگانه در اطراف مقادیر مشخصه در HTML رایج ترین هستند، اما نقل قول های یکپارچه نیز می تواند مورد استفاده قرار گیرد.
در بعضی موارد، زمانی که مقدار مشخصه خود شامل نقل دوتایی است، لازم است از نقل قول ها استفاده شود:
|
<ptitle='ali "ShotGun" reza'>
|
یا برعکس:
|
<ptitle="reza 'ShotGun' ali">
|
خلاصه ی فصل
- تمام عناصر HTML می توانند دارای صفات باشند
- ویژگی عنوان دارای اطلاعات “نوک ابزار” اضافی است
- ویژگی href اطلاعات آدرس را برای لینک ها فراهم می کند
- ویژگی های عرض و ارتفاع اطلاعات اندازه را برای تصاویر ارائه می کنند
- ویژگی alt متن را برای خوانندگان صفحه فراهم می کند
ویژگی های HTML
در زیر یک لیست حروف الفبا از برخی از ویژگی های اغلب در HTML استفاده می شود، که در این آموزش بیشتر در مورد آن یاد خواهید گرفت:
منبع: تیک تم
پشتیبانی وردپرس
:: برچسبها:
خصیصه های HTML ,
:: بازدید از این مطلب : 101
|
امتیاز مطلب : 0
|
تعداد امتیازدهندگان : 0
|
مجموع امتیاز : 0