خصیصه ها (attributes) در اچ تی ام ال
چهارشنبه, ۱۷ خرداد ۱۳۹۶، ۰۱:۱۱ ب.ظ
در قسمت های قبل نیز اشاره کردم که با استفاده از خصیصه اطلاعات اضافی در مورد یک عنصر را ارائه می کنیم.
در مورد خصیصه ها باید چند نکته را به خاطر داشته باشید:
خصیصه lang
در تگ <html> می توانیم با استفاده از این خصیصه، زبان سند را مشخص کنیم. ما باید زبان سند را مشخص کنیم، چون این مساله برای برنامه های کاربردی دسترسی به متن (خواننده های صفحه) و همچنین موتورهای جستجو مهم و کمک کننده است:
مقدار مربوط به این خصیصه به صورت tooltip در بالای عنصر (هنگامی که موس را بر روی آن قرار می دهیم) ظاهر می شود. در زیر استفاده از این خصیصه را برای تگ <p> می بینید:
در اچ تی ام ال برای ساختن لینک از تگ <a> استفاده می کنیم. برای مشخص کردن آدرس لینک از خصیصه href استفاده می کنیم.
برای اینکه در داخل فایل اچ تی ام ال از تصاویر استفاده کنیم، از تگ <img> استفاده می کنیم. برای مشخص کردن منبع فایل از خصیصه src استفاده می کنیم؛ برای مشخص کردن اندازه های تصویر از خصیصه های height و width استفاده می شود.
رباطها و نرم افزارهای خواننده صفحه می توانند این خصیصه را ببینند که این ویژگی می تواند مثلا برای افراد نابینا یا موتورهای جستجو مفید باشد.
استفاده از علامت نقل قول در نوشتن مقدار خصیصه ها
در استانداردهای مربوط به نسخه 5 اچ تی ام ال لازم نیست که مقدار خصیصه ها در داخل علامت نقل قول نوشته شود. مثلا یک لینک را می توانیم به این شکل بنویسیم:
این نکته را هم در نظر داشته باشید که معمولا مقادیر خصیصه ها را داخل علامت نقل قول دوتایی قرار می دهیم ("). در برخی مواقع، مثلا زمانی که در داخل متن جایگزین، علامت نقل قول دوتایی وجود داشته باشد، این مقادیر را داخل علامت نقل قول تکی (') قرار می دهیم تا علامت نقل قول دوتایی نمایش داده شود و برای کاربر قابل مشاهده باشد.
در مورد خصیصه ها باید چند نکته را به خاطر داشته باشید:
- jتمام عناصر اچ تی ام ال می توانند خصیصه داشته باشند.
- خصیصه ها اطلاعات اضافی را در مورد یک عنصر ارائه می کنند.
- خصیصه ها همیشه در تگ آغازین یک عنصر معرفی می شوند.
- معمولا خصیصه ها به صورت جفت های نام مقدار نوشته می شوند: name=”value”
خصیصه lang
در تگ <html> می توانیم با استفاده از این خصیصه، زبان سند را مشخص کنیم. ما باید زبان سند را مشخص کنیم، چون این مساله برای برنامه های کاربردی دسترسی به متن (خواننده های صفحه) و همچنین موتورهای جستجو مهم و کمک کننده است:
<!DOCTYPE html> <html lang="fa"> <body> ... </body> </html>خصیصه title
مقدار مربوط به این خصیصه به صورت tooltip در بالای عنصر (هنگامی که موس را بر روی آن قرار می دهیم) ظاهر می شود. در زیر استفاده از این خصیصه را برای تگ <p> می بینید:
<p title="متن راهنما"> متن مربوط به پاراگراف. </p>خصیصه href
در اچ تی ام ال برای ساختن لینک از تگ <a> استفاده می کنیم. برای مشخص کردن آدرس لینک از خصیصه href استفاده می کنیم.
<a href=http://www.samplewebsite.com>یک لینک در اچ تی ام ال</a>خصیصه های مربوط به تصویر
برای اینکه در داخل فایل اچ تی ام ال از تصاویر استفاده کنیم، از تگ <img> استفاده می کنیم. برای مشخص کردن منبع فایل از خصیصه src استفاده می کنیم؛ برای مشخص کردن اندازه های تصویر از خصیصه های height و width استفاده می شود.
<img src="sample.jpg" width="104" height="142">خصیصه alt اگر بخواهیم به جای یک تصویر – زمانی که تصویر به هر دلیلی وجود ندارد یا قابل نمایش نیست – از یک متن جایگزین (alternative) استفاده کنیم، باید از این خصیصه استفاده کنیم.
رباطها و نرم افزارهای خواننده صفحه می توانند این خصیصه را ببینند که این ویژگی می تواند مثلا برای افراد نابینا یا موتورهای جستجو مفید باشد.
<img src="sample.jpg" alt="عکس نمونه" width="104" height="142">همانطور که قبلا هم گفتم در نسخه 5 اچ تی ام ال مثل نوشتن تگ ها، برای نوشتن خصیصه ها هم می توانیم خصیصه را با حروف بزرگ یا حروف کوچک بنویسیم. البته بر اساس توصیه W3C بهتر است خصیصه ها با حروف کوچک نوشته شوند.
استفاده از علامت نقل قول در نوشتن مقدار خصیصه ها
در استانداردهای مربوط به نسخه 5 اچ تی ام ال لازم نیست که مقدار خصیصه ها در داخل علامت نقل قول نوشته شود. مثلا یک لینک را می توانیم به این شکل بنویسیم:
<a href=http://www.samplesite.com>بر اساس توصیه W3C باید مقادیر خصیصه ها را داخل علامت نقل قول قرار دهیم. مثلا فرض کنیم که در خصیصه alt بین حروفی که برای مقدار این خصیصه قرار می دهیم فاصله وجود داشته باشد، اگر در این حالت از علامت نقل قول استفاده نکنیم، متن جایگزین به درستی نمایش داده نخواهد شد.
این نکته را هم در نظر داشته باشید که معمولا مقادیر خصیصه ها را داخل علامت نقل قول دوتایی قرار می دهیم ("). در برخی مواقع، مثلا زمانی که در داخل متن جایگزین، علامت نقل قول دوتایی وجود داشته باشد، این مقادیر را داخل علامت نقل قول تکی (') قرار می دهیم تا علامت نقل قول دوتایی نمایش داده شود و برای کاربر قابل مشاهده باشد.
