عناصر الـ HTML ـ (HTML Elements)
عنصر الـ HTML هو كل شي من وسم البداية (start tag) حتى وسم النهاية (end tag):
| وسم البداية (Start tag) * | محتوى العنصر - Element content | وسم النهاية (End tag) * |
|---|---|---|
| <p> | هذه فقرة | </p> |
| <a href="default.htm" > | هذه وصلة | </a> |
| <br /> |
* وسم البداية يسمى عادة بوسم الفتح، ووسم النهاية بوسم الغلق.
تركيبة / صيغة عناصر الـ HTML
- عناصر الـ HTML تبدأ بوسم البداية / وسم الفتح.
- عناصر الـ HTML تنتهي بوسم النهاية / وسم الغلق.
- محتوى العنصر (element content) هو كل شيء مكتوب بين وسمي البداية والنهاية.
- بعض عناصر الـ HTML لا تحتوي على محتوى.
- العناصر التي لا تحتوي على محتوى - الفارغة - تغلق في بداية الوسم
- معظم عناصر الـ HTML يمكن أن تحتوي على خصائص attributes.
عناصر الـ HTML المتداخلة
أكثر عناصر الـ HTML يمكن أن تتداخل (يمكن أن تحتوي على عناصر HTML الأخرى).
ملف الـ HTML يحتوي على مجموعة من العناصر المتداخلة (Nested HTML Elements).
مثال ملف HTML
<html> <body> <p>هذه هي فقرتي الأولى.</p> </body> </html>
المثال السابق يحتوي على 3 عناصر HTML.
شرح المثال:
عنصر الـ <p>:
<p>هذه هي فقرتي الأولى</p>
هذا العنصر (<p>) يعرّف الفقرات في ملف الـ HTML
يحتوي العنصر على وسم البداية <p> ووسم النهاية <p/>.
محتوى العنصر هو: هذه هي فقرتي الأولى.
<body> <p>هذه هي فقرتي الأولى.</p> </body>
العنصر (<body>) يعرّف جسم صفحة ملف الـ HTML
يحتوي العنصر على وسم البداية <body> ووسم النهاية <body/>.
محتوى العنصر هو عنصر HTML آخر (العنصر p)
<html> <body> <p>هذه هي فقرتي الأولى.</p> </body> </html>
العنصر (<html>) يعرّف ملف الـ HTML كاملاً
يحتوي العنصر على وسم البداية <html> ووسم النهاية <html/>.
محتوى العنصر هو عنصر HTML آخر (العنصر body)
لا تنسى وسوم النهاية
أغلب المتصفحات ستقوم بعرض ملف HTML جيداً، حتى ولو نسيت إغلاق الوسوم
<p>هذه فقرة <p>هذه فقرة
المثال بالأعلى سيعمل جيداً على أغلب المتصفحات، ولكن لا تعتمد على ذلك فالتغاضي عن إغلاق الوسوم بوسم النهاية قد يؤدي إلى حدوث نتائج غير متوقعة أو أخطاء.
ملاحظة: النسخ القادمة من HTML لن تسمح بالتغاضي عن وسوم النهاية end tags.
عناصر الـ HTML الفارغة
عناصر الـ HTML التي لا تحتوي على محتوى تسمى بالعناصر الفارغة. ويتم إغلاقها في وسم البداية.
<br> هو عنصر فارغ، ليس له وسم إغلاق (الـ <br> يستخدم للحصول على سطر جديد)
في XML ، XHTML ، والنسخ القادمة من HTML جميع الوسوم يجب أن تغلق.
إضافة علامة / (slash) إلى وسم البداية، مثل </ br> هي الطريقة الصحيحة لإغلاق العناصر الفارغة، ومقبولة في HTML ، XHTML و XML.
معلومة HTML: استخدم الحروف الصغيرة (Lowercase) في الوسوم
وسوم الـ HTML ليست حساسة لحالة الأحرف: <P> هي نفسها تعني <p>. هناك العديد من المواقع تستخدم الوسوم بالحروف الكبيرة (uppercase) وخاصة المواقع القديمة.
FloatBird.net تستخدم الحروف الصغيرة في الوسوم لأن منظمة الشبكة العالمية (W3C) تنصح باستخدام وسوم الحروف الصغيرة في النسخة الرابعة من HTML 4، وتطالب باستخدام وسوم الحروف الصغيرة في النسخ القادمة من X)HTML).
FatCow
قيم هذا المقال