آموزش HTML – درس سوم

Attribute ها در HTML
هر Element ای در html دارای attribute می باشد. در اصل attribute ها در تگ شروع تعریف شده و اطلاعات اضافی در ارتباط با Element ها را مشخص می کنند.

Attribute زبان
attribute زبان که به آن lang گفته شده و در تگ شروع html قرار می گیرد، زبان Document را مشخص می کند. مشخص نمودن زبان برای موتورهای جستجو بسیار پر اهمیت است.

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

...

</body>
</html>

در مثال بالا دو حرف اول که en می باشد، زبان را مشخص نموده و دو حرف دوم نشان دهنده گویش است.

Attribute عنوان
در مثال زیر، این Attribute در تگ p قرار گرفته است. مثتی که در بخش title قرار گرفته است. به هنگام قرار گرفتن Mouse بر روی تگ p به نوان Tooltip نمایش داده می شود.

<p title="I'm a tooltip">
This is a paragraph.
</p>

alt Attribute
این Attribute در اصل یک متن جایگزین است برای مواقعی که امکان Load تصویر به هر دلیلی وجود ندارد. یکی دیگر از کاربرد های این Attribute این است که در هنگام Load صفحه توسط Screen Reader ها (معمولا برای افراد نابینا) متن تصویر خوانده می شود و شخص به طور حدودی از محتوای تصویر آگاه می گردد.

<img src="Regux.jpg" alt="regux.com" width="104" height="142">

نکته: البته در HTML نسخه 5 تعریف Attribute ها با حروف بزرگ نیز مورد قبول است. ولی ریجاکس به شما پیشنهاد می کند برای تعریف Attribute ها، حتما از حروف کوچک استفاده نمائید. همچنین نیازی به قرار دادن مقدار Attribute ها در Quote نیست، ولی حتما پیشنهاد می گردد از Quote استفاده نمائید.

نکته: معمولا برای قرار دادن Value از double quotes و single quotes استفاده می گردد. به طور مثال اگر قرار باشد در Value از Double Quotes استفاده نمائید، تعریف Value با Single Quotes خواهد بود. لطفا مثال زیر را ببینید:

<p title='Milad "regux" Admin'>

و یا بالعکس

<p title="Milad 'regux' Admin">

بهتر است با تمامی Attribute های html آشنایی داشته باشید و اگر سوالی داشتید، حتما در بخش دیدگاه ها بپرسید.

html-attributes

 

نویسنده: میلاد خوشدل
کپی تنها با ذکر لینک مطلب مجاز است.


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

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

15 + چهار =