توفر سمات معلومات إضافية حول عناصر HTML.
سمة HTML هو معدل من نوع عنصر HTML. سمة إما بتعديل وظيفة الافتراضي لنوع العنصر أو يوفر وظائف لأنواع معينة عنصر غير قادرة على العمل بشكل صحيح بدونها. في جملة HTML، يتم إضافة سمة لعلامة بداية HTML.
سمات HTML
- يمكن أن عناصر HTML لديها attributes
- توفر سمات additional information حول عنصر
- يتم تحديد سمات دائما في the start tag
- الصفات تأتي في أزواج الاسم / القيمة مثل: name="value"
وصف
سمات HTML عموما تبدو وكأنها أزواج اسم القيمة، مفصولة =، ومكتوبة في بداية علامة عنصر، بعد اسم العنصر:
<tag attribute="value">content to be modified by the tag</tag>حيث أسماء العلامات نوع عنصر HTML، والسمة هو اسم السمة، تعيين القيمة المقدمة. قد تكون مرفقة القيمة في علامات الاقتباس المفردة أو المزدوجة، وعلى الرغم من أن القيم التي تتكون من أحرف معينة يمكن تركها غير المدرجة في HTML (ولكن ليس XHTML) .Leaving السمة قيم غير المسعرة تعتبر غير آمنة.
على الرغم من أن يتم توفير معظم الصفات كأسماء والقيم المقترنة، بعض تؤثر على عنصر ببساطة عن طريق وجودهم في بداية علامة العنصر (مثل السمة ismap للعنصر IMG).
يمكن لمعظم العناصر اتخاذ أي من عدة سمات مشتركة:
توفر خاصية id معرف على مستوى ثيقة فريدة من نوعها لelement.This يمكن استخدام محدد CSS لتوفير خصائص العرس، من خلال المتصفحات لتركيز الاهتمام على عنصر معين، أو عن طريق البرامج النصية لتغيير محتويات أو إبراز العنصر. إلحاق URL للصفحة، وURL يستهدف بشكل مباشر على عنصر معين داخل المستند، عادة القسم الفرعي من الصفحة. على سبيل المثال، ID "سمات".
توفر سمة الفئة طريقة لتصنيف العناصر مماثلة. وهذا يمكن أن تستخدم لأغراض الدلالي، أو لأغراض العرض. لغويا، على سبيل المثال، تستخدم الطبقات في التنسيقات المصغرة. راق، على سبيل المثال، قد تستخدم وثيقة HTML الطبقة تعيين = "التدوين" للإشارة إلى أن جميع العناصر مع هذه القيمة هي الطبقة التابعة للنص الرئيسي للوثيقة. يمكن أن تجمع هذه العناصر معا وعرض الحواشي على صفحة بدلا من الظهور في المكان الذي تحدث في مصدر HTML. وهناك استخدام آخر عرض على النحو محدد CSS.
قد تستخدم مؤلف النمط رموز غير attributal خصائص العرس لعنصر معين. يعتبر من الممارسات الأفضل استخدام معرف عنصر أو الطبقة سمات لتحديد العنصر مع الأنماط، على الرغم من هذا في بعض الأحيان يمكن أن تكون مرهقة للغاية بالنسبة لتطبيق بسيط ومحدد أو مخصصة من خصائص نصب.
يتم استخدام السمة عنوان إرفاق تفسير المعاني الضمنية إلى عنصر. في معظم المتصفحات يتم عرض هذه السمة على ما وغالبا ما يشار إليه على أنه تلميح الأدوات.
العنصر الاختصار، ابر، ويمكن استخدامها لإثبات هذه الصفات المختلفة:
<abbr id="anId" class="aClass" style="color:blue;" title="Hypertext Markup Language">HTML</abbr>هذا المثال يعرض كما HTML؛ في معظم المتصفحات، لافتا المؤشر في اختصار يجب عرض النص عنوان "لغة توصيف النص التشعبي".
تتخذ معظم العناصر أيضا ذات الصلة اللغات سمات انج ودير.
ل lang سمة
يمكن تعريف لغة المستند في <html> العلامة.
يتم تعريف اللغة في lang السمة.
معلنا لغة المهم للتطبيقات الوصول (screen readers) ومحركات البحث:
<!DOCTYPE html>
<html lang="en-US">
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
</html>رسالتين الأولى تحدد اللغة (en) . إذا كان هناك لهجة، واستخدام اثنين من أكثر الرسائل (US) .
و title سمة
وتعرف الفقرات HTML مع <p> العلامة.
في هذا المثال، <p> عنصر لديه سمة العنوان. قيمة السمة " About w3im " :
مثال
<p title="About w3ii">
w3ii is a web developer's site.
It provides tutorials and references covering
many aspects of web programming,
including HTML, CSS, JavaScript, XML, SQL, PHP, ASP, etc.
</p> انها محاولة لنفسك » عند تحريك الماوس فوق عنصر، سيتم عرض عنوان بمثابة تلميح الأدوات.
و href السمة
يتم تعريف الارتباطات HTML مع <a> علامة. يتم تحديد عنوان الرابط في href السمة:
سوف تتعلم المزيد عن وصلات و <a> هذا الكود في وقت لاحق في هذا البرنامج التعليمي.
سمات حجم
يتم تعريف الصور HTML مع <img> العلامة.
اسم الملف من مصدر ( src ) ، وحجم الصورة ( width و height وتقدم) جميعا والصفات:
يتم تحديد حجم الصورة بالبكسل: العرض = "104" يعني 104 بكسل شاشة واسعة.
سوف تتعلم المزيد عن صور و <img> العلامة في وقت لاحق في هذا البرنامج التعليمي.
و alt سمة
و alt تحدد السمة نصا بديلا لاستخدامها، عندما لا يمكن عرض عنصر HTML.
قيمة السمة يمكن قراءتها من قبل "screen readers" . بهذه الطريقة، شخص "listening" إلى صفحة ويب، أي شخص أعمى، ويمكن "hear" العنصر.
نقترح: دائما استخدم حرف صغير سمات
لا يتطلب معيار HTML5 أقل أسماء السمة القضية.
و title السمة يمكن كتابة مع حالة العلوي أو السفلي مثل Title و / أو TITLE .
توصي W3C صغيرة في HTML4، ويطالب صغيرة لأنواع وثيقة أكثر صرامة مثل XHTML.
الحالة الأدنى هو الأكثر شيوعا. الحالة الأدنى هو أسهل للكتابة.
في w3ii نحن دائما استخدام الحالة الأدنى أسماء السمة.
نقترح: اقتباس دائما السمة القيم
لا يتطلب معيار HTML5 علامات الاقتباس حول قيم السمات.
و href السمة، تبين أعلاه، يمكن أن تكون مكتوبة على النحو التالي:
W3C recommends يقتبس في HTML4، ويطالب نقلت عن أنواع المستندات أكثر صرامة مثل XHTML.
في بعض الأحيان يكون من الضروري استخدام علامات الاقتباس. هذا وسوف يتم عرض بشكل صحيح، لأنه يحتوي على الفضاء:
استخدام علامات الاقتباس هي الأكثر شيوعا. يمكن الاقتباس حذف تنتج أخطاء.
في w3ii نحن دائما استخدام علامات الاقتباس حول قيم السمات.
ونقلت واحدة أو مزدوجة؟
ونقلت أسلوب مزدوجة هي الأكثر شيوعا في HTML، ولكن يمكن أيضا نمط واحد يمكن استخدامها.
في بعض الحالات، عندما تكون قيمة السمة نفسها تحتوي على علامات اقتباس مزدوجة، فمن الضروري استخدام علامات الاقتباس المفردة:
<p title='John "ShotGun" Nelson'>أو العكس:
<p title="John 'ShotGun' Nelson">ملخص الفصل
- ويمكن لجميع عناصر HTML لديها سمات
- وHTML title توفر سمة إضافية "tool-tip" المعلومات
- وHTML href توفر السمة معلومات عنوان لروابط
- وHTML width و height توفر سمات معلومات حجم للصور
- وHTML alt يوفر سمة النص للقارئ الشاشة
- في w3ii نحن دائما استخدام lowercase HTML سمة الأسماء
- في w3ii نحن دائما quote سمات مع التنصيص
اختبر نفسك مع تمارين!
التمرين 1 » التمرين 2» التمرين 3 » التمرين 4» التمرين 5 »
سمات HTML
وفيما يلي قائمة أبجدية بعض الصفات غالبا ما تستخدم في HTML:
| الصفات | وصف |
|---|---|
| alt | يحدد نصا بديلا للصورة |
| disabled | تحدد أن عنصر المدخلات يجب تعطيل |
| href | يحدد URL (web address) لارتباط |
| id | يحدد معرف فريد لعنصر |
| src | يحدد URL (web address) لصورة |
| style | يحدد أسلوب CSS مضمنة لعنصر |
| title | يحدد معلومات إضافية حول عنصر (displayed as a tool tip) |
قائمة كاملة بأسماء كل سمات لكل عنصر من عناصر HTML، وهي مدرجة في موقعنا: HTML العلامات المرجعية .