- يمكن أن تحتوي جميع عناصر HTML على خصائص.
- توفّر الخصائص معلومات إضافية حول العناصر.
- تُحدَّد الخصائص دائمًا داخل وسم البداية.
- تأتي الخصائص عادةً على شكل أزواج تتكوّن من اسم وقيمة، وفق الصيغة: “
name=“value
خاصية href
يُستخدم الوسم <a> لإنشاء رابط تشعّبي.
وتُحدّد الخاصية href عنوان URL للصفحة التي ينتقل إليها المستخدم عند النقر على الرابط.
<a href="https://www.yacodex.com">Visit YACodeX</a>ستتعرّف على المزيد حول الروابط في فصل روابط HTML ضمن موقع YACodeX.
خاصية src
يُستخدم الوسم <img> لإدراج صورة داخل صفحة HTML.
وتُحدّد الخاصية src مسار الصورة التي يُراد عرضها في الصفحة.
خاصيتا العرض والارتفاع
يُفضّل أن يحتوي الوسم <img> أيضًا على الخاصيتين width وheight، اللتين تحدّدان عرض الصورة وارتفاعها بوحدة البكسل.
خاصية alt
تُعدّ الخاصية alt خاصية مطلوبة في الوسم <img>، وتُستخدم لتحديد نص بديل للصورة في حال تعذّر عرضها لأي سبب من الأسباب.
قد يحدث ذلك بسبب بطء الاتصال بالإنترنت، أو وجود خطأ في المسار المحدّد ضمن الخاصية src، أو عند استخدام الزائر قارئ الشاشة.
خاصية style
تُستخدم الخاصية style لإضافة تنسيقات إلى أحد العناصر، مثل اللون ونوع الخط وحجمه وغيرها من التنسيقات.
خاصية lang
يُفضّل دائمًا تضمين الخاصية lang داخل الوسم <html> لتحديد لغة صفحة الويب. ويساعد ذلك محركات البحث ومتصفحات الويب على التعرّف على لغة محتوى الصفحة.
<html lang="en">
<body>
...
</body>
</html>خاصية title
تُستخدم الخاصية title لتحديد معلومات إضافية حول أحد عناصر HTML.
تظهر قيمة هذه الخاصية في شكل تلميح نصي عند تمرير مؤشر الفأرة فوق العنصر.
<p title="I'm a tooltip">This is a paragraph.</p>ملخص :
- يمكن أن تحتوي جميع عناصر HTML على خصائص.
- تحدّد الخاصية
hrefداخل الوسم<a>عنوان الصفحة التي ينتقل إليها المستخدم عند النقر على الرابط. - تحدّد الخاصية
srcداخل الوسم<img>مسار الصورة المراد عرضها. - تحدّد الخاصيتان
widthوheightأبعاد الصورة، أي عرضها وارتفاعها. - توفّر الخاصية
altنصًا بديلًا للصورة في حال تعذّر عرضها. - تُستخدم الخاصية
styleلإضافة تنسيقات إلى العناصر، مثل اللون ونوع الخط وحجمه وغيرها. - تحدّد الخاصية
langداخل الوسم<html>لغة صفحة الويب. - تُستخدم الخاصية
titleلتوفير معلومات إضافية حول أحد العناصر، تظهر عادةً عند تمرير مؤشر الفأرة فوقه.