السمات في لغة (html)
ماهي السمات (Attributes) ؟هي عبارة عن معلومات إضافية تضاف للعناصر في (html) لتغير سلوك العنصر او لتخصيصه او لتوفير معلومات توضيحية للعنصر وغير ذلك، تكون السمات داخل وسم البداية للعنصر، وتنقسم السمات الي قسمين القسم الأول سمات عامة يمكن إستخدامها في معظم العناصر، واما القسم الثاني سمات خاصة بعناصر محددة لاتعمل الا في العنصر المحدد لها.
لكل سمة وظيفة محددة تقوم بها تختلف من الأخري لذلك يمكن إستخدام أكثر من سمة داخل العنصر الواحد لاغراض مختلفة في العنصر نفسه.
تساعد السمات علي تحسين تجربة المستخدم، فيمكن من خلال السمات تغيير مظهر العناصر الظاهرة للمستخدم من حيث اللون والشكل العام.
ليس هذا فحسب بل
تساعد السمات علي تحسين إمكانية الوصول، حيث توفر معالجة لبعض العناصر التي تحتاج لمعلومات إضافية لبرامج قارئات الشاشة التي يستخدمها الاشخاص ذوي الاعاقة.
الصورة العامة للسمات في (html)
<element attribute="value">...</element>element: يمثل إسم العنصر.
attribute: يمثل سمة العنصر.
value: تمثل قيمة السمة
</element>: يمثل وسم النهاية للعنصر
مثال للتوضيح أكثر :-
<html lang="ar">...</html>إرشادات هامة
☆يجب أن تكون السمات داخل وسم البداية للعنصر
☆يجب وضع فراق بين اسم العنصر والسمة لتجنب الإلتصاق.
☆يجب ان تكون العلامة = بعد السمة مباشرة.
☆يجب ان تكون قيمة السمة بين علامتي التنصيص "....."او '.....'.
لايمكن إضافة سمات لعنصر الرأس<head> لأسباب سوف تتعرف عليها لاحقا.
أنواع السمات
السمات العامة
وهي سمات تستخدم في معظم عناصر لغة(html)، وهي مجموعة كبيرة من السمات ومن امثلة هذه السمات:
السمةclass وهي سمة تستخدم لتخصيص عناصر (html) وتكون قيمة السمة هي فئة توجد فيها خصائص من لغة (css) وهذه الخصائص قد تحدد لون محدد للعنصر او خلفية محددة او مكان واتجاه العنصر بإختصارالسمة classدورها هو تخصيص العناصر في لغة (html) .
من السمات ايضا السمة id والسمة dir والسمة style وغيرها من السمات العامة
السمة الخاصة
السمات الخاصة هي سمات تعمل غالبا في عناصر محددة وبعضعها يعمل في عنصر بعينه مثال :
السمة href فهي سمة خاصة بعنصر الرابط تحدد وظيفة الرابط في الصفحة وكذلك السمة src وهي سمة خاصة تستخدم عنصر الصورة وتحدد مسار الصورة، وكذلك السمة type وهي سمة خاصة تستخدم لتحديد نوع الادخال ،وهناك سمات اخري .