مقالات مشابهة
عنصر الترويسة <header> :
يحتوي هذا العنصر على معلومات تمهيدية (مختصرة) عن البيانات التفصيلية المذكورة في الصفحة أو القسم الذي تشير إليه , كما يمكن أن تحتوي على معلومات مثل ترويسات المستندات الطبيعية (معلومات العلامات التجارية) وصولاً إلى جدول المحتوى بكامله.
عنصر الملاحة <nav> :
يحتوي عنصر الملاحة على جزء من المستند الذي يحتوي على روابط لصفحات أخرى أو روابط لأقسام من نفس الصفحة , علماً أنه ليس من اللازم أن تحتوي جميع المجموعات في عنصر الـ <nav> حيث أن هذه الملاحة هي ملاحة ابتدائية فقط.
عنصر الـ <section > :
يمثل هذا العنصر جزء من الصفحة حيث يمكن أن يقف هذا الجزء بشكل افرادي.
مثال : ادراج أو نشر تدوينة – ادخال بيانات منتدى – تسجيل دخول المتصفح لإدخال تعليقات أو أي محتوى لأي بند مستقل .
عنصر الـ <aside > :
يمثل محتوى ذو صلة لبيانات المستندات الرئيسية , يتم عادة استخدام هذه المادة في الأشرطة الجانبية التي تحتوي على عناصر مثل “روابط ذات صلة ” أو “مقالات ذات صلة”
عنصر الـ <footer > :
يستخدم عنصر التذييل لوضع علامات لما هو موصوف في التذييلة وليس فقط في الصفحة الحالية و إنما في كل قسم موجود في هذه الصفحة.
لذلك فإنه من النادر جداً استخدام عنصر الـ <footer > عدة مرات في صفحة واحدة, عند إلقاء نظرة على هذه العناصر قد يبدو أنه مجرد استبدال الـ DIV IDS المعروفة لدينا بشكل جيد , نعم إن هذا صحيح ولكن الرسم البياني يبين لكم أن بعض العناصر مثل : <header > و <footer > يمكن أن يستخدم أكثر من مرة في صفحة واحدة حيث أنها تعمل بشكل يشابه الـ <class > وعناصر الـ html العادية التي نستطيع استخدامها مراراً و تكراراً للاحتفاظ بالبنية المطلوبة.
إن بعض العناصر مثل <header > و <footer > لا تستخدم فقط لتمثيل أعلى أو أسفل المستند حيث أنها تستخدم بشكل كبير و مطابق لكيفية استخدام الـ <tfoot > و <thead > في جداول البيانات.
إن فائدة استخدام هذه العناصر الهيكلية لأنها قابلة للتعريف بشكل جيد كما تقوم بتوفير وسيلة رائعة لتسهيل العمل.
تسهيل عملية الانتقال من X- HTML :
على الرغم من أن X HTML 1.5 و X HTML 4.01 و HTML 5 متشابهين بشكل كبير ولكن على الرغم من هذا هناك بعض الاختلافات الصغيرة.
مثال :
<input type="text" id="name">هذا مقبول أيضاً لتخفيف المشقة على المبرمجين الذين اعتادوا على إغلاق العناصر بشكل يدوي :
مثال :
<input type="text" id="name"/>وتطبق نفس القواعد على الـ <meta > وغيرها من العناصر مثل <b > و <i > التي أوجدت أيضاً لمساعدة هؤلاء الذين يتعاملوا بـ HTML 4.01.1
ماهي الفوائد؟
يجب على أي تقنية جديدة أن تكون ذات فائدة و إلا فلماذا قد نستخدمها؟
أذا كان الكود البرمجي الذي نتعامل به مناسب و جيد فليس هناك من سبب لتحديث هذا التقنية.
لحسن الحظ بأن الـ HTML5 تنفرد بعناصر و تقنيات برمجية ممتعة تتمحور أكثرها حول الـ API الجديدة و شجرة DOM
