صفات (attributes) در HTML اطلاعات اضافی را برای عناصر ارائه می دهند. در این فصل از آموزش HTML به بررسی برخی از این صفات می پردازیم.
صفات در HTML
- تمام عناصر HTML می توانند دارای صفات باشند
- صفات اطلاعات اضافی را درباره یک عنصر فراهم می کندد
- صفات همیشه در تگ شروع قرار می گیرند
- صفات معمولا به صورت نام/مقدار تعریف می شوند، به این صورت: "name="value
صفت href
لینک ها در تگ <a> تعریف می شوند. آدرس لینک نیز با صفت href مشخص می شود:
در آموزش های بعدی درباره ای لینک ها و تگ <a> بیشتر یاد خواهید گرفت.
صفت src
عکس ها در HTML با تگ <img> تعریف می شوند.
نام فایل منبع تصویر در صفت src مشخص می شود:
صفات عرض (width) و ارتفاع (height)
عکس ها در HTML همچنین دارای صفات width و height هستند، که عرض و ارتفاع تصاویر را مشخص می کند:
صفات عرض و ارتفاع به صورت پیشفرض با واحد پیکسل مقدار دهی می شوند، بنابراین "width="500 به معنای عرض 500 پیکسل است.
شما درباره تصاویر در فصل های بعدی بیشتر یاد خواهید گرفت.
صفت alt
اگر تصویر به هر دلیلی قابل نمایش نباشد، صفت alt یک متن جایگزین را به جای عکس نمایش می دهد.
همچنین ارزش صفت alt برای اسکرین ریدرزها (نرم افزارهای خوانند متن) قابل خواندن است. به این ترتیب، فردی که به متن صفحات وب گوش میکند (برای مثال فرد دچار اختلال بینایی) می تواند محتوای این عنصر را بشنود.
صفت alt همچنین برای زمانی که تصویر ما قابل نمایش نباشد نیز مفیداست (مثلا وقتی که تصویر وجود نداشته باشد).
مثال
در مثال زیر می توانید مشاهده کنید که اگر سعی کنیم تصویری را که وجودخارجی ندارد نشان دهیم چه اتفاقی می افتد:
صفت style
صفت style برای مشخص کردن ظاهر یک عنصر در مواردی همچون رنگ، فونت، اندازه و غیره استفاده می شود.
صفت lang
زبان سند را میتوان در تگ <html> مشخص کرد.
زبان با صفت lang مشخص می شود.
مشخص کردن زبان برای موتورهای جستجو و اسکرین ریدرز اهمیت فراوانی دارد.
<html lang="en-US">
<body>
...
</body>
</html>
دو حرف اول، زبان (en) را مشخص می کند. اگر گویش خاصی مد نظرتان است دو حرف دیگر اضافه کنید (us).
صفت title
در اینجا صفت title به عنصر <p> اضافه شده است. مقدار صفت title وقتی که موس روی پاراگراف قرار بگیرد در یک تول تیپ (tooltip) کوچک نمایش داده می شود:
پیشنهاد ما: صفات را با حروف کوچک تایپ کنید
در HTML5 استفاده از حروف کوچک برای نوشتن نام صفات اجباری نیست.
برای مثال نوشتن تگ title به دو صورت title و TILTLE صحیح است.
W3C استفاده از حروف کوچک را توصیه می کند.
پیشنهاد ما: ارزش (value) صفات را داخل نقل قول ("") قرار دهید
در HTML5 اجباری به استفاده از نقل قول ("") در اطراف ارزش (value) صفات وجود ندارد.
صفت href که در مثال های بالا استفاده شده بود می تواند بدون نقل قول ("") نوشته شود:
با این حال W3C پیشنهاد می کند که از نقل قول ("") استفاده کنید.
گاهی لازم است که از نقل قول ("") استفاده شود، مثلا زمانی که بین دو کلمه از ارزش یک صفت فضای خالی (space) وجود دارد. مثال زیر ارزش صفت title را به درستی نشان نمی دهد زیرا دارای یک فضای خالی (space) است.
استفاده از کوتیشن تکی (' ') یا دو تایی (" ")؟
استفاده از کوتیشن دوتایی (" ") در اطراف مقدار صفات در HTML رایج تر است، اما کوتیشن تکی (' ') نیز می تواند مورد استفاده قرار گیرد.
در بعضی مواقع که مقدار صفت خود شامل کوتیشن دوتایی (" ") است، استفاده از کوتیشن تکی به صورت زیر ضروری است:
یا برعکس:
خلاصه ی فصل
- تمام عناصر HTML می توانند دارای صفات باشند
- صفت
titleمحتوای تول تیپ (tooltip) را مشخص میکند - صفت
hrefآدرس لینک را مشخص می کند - صفات
widthوheightاندازه عکس را تعیین می کنند - صفت
altمتنی جایگزین را به جای عکس مشخص می کند - برای نوشتن صفات استفاده از حروف کوچک توصیه می شود
- توضیه می شود که مقدار صفات را داخل کوتیشن قرار دهید.
