مفهوم العناصر التقسيمية في لغة البرمجة HTML

اقرأ في هذا المقال


مفهوم العناصر التقسيمية في لغة البرمجة HTML

تعد العناصر التقسيمية من المصطلحات المهمة في مختلف لغات البرمجة، ومن بين هذه اللغات لغة البرمجة (HTML)، حيث تسمح للمستخدمين بالقيام بتنظيم محتوى المستندات وتقسيمها إلى أقسام منطقية، إذ تُستعمَل هذه العناصر لإنشاء تخطيط هيكلي للصفحة المكتوبة باستخدام لغة البرمجة (HTML)، بما في ذلك ترويسة الصفحة وتذييلها، وعناصر الترويسات المختلفة.

وفيما يلي جدول يحتوي على أهم هذه العناصر التقسيمية التي يتم استخدامها من قبل المبرمجين:

العنصر التقسيميالاستخدام
<body>وهو عبارة عن تمثيل لمحتوى مستند (HTML)، حيث لا يجوز أن يكون هنالك أكثر من عنصر (<body>) واحد في المستند.
<address>يقوم هذا العنصر بتوفير معلومات التواصل للمحتوى الموجود في أقرب عنصر من نوع (<article>) أو (<body>).
<article>وهو عبارة عن تمثيل جزء من المستند أو الصفحة أو التطبيق أو الموقع، والهدف منها هو القدرة على إعادة توزيعها واستخدامها بشكل مستقل، مثل موضوع في منتدى أو مقالة في صحيفة أو تدوينة.
<aside>وهو عبارة عن تمثيل جزء من المستند الذي يتعلق محتواه بشكلٍ أو بآخر بالمحتوى الرئيسي للمستند، ويتم تمثيله على شكل شريط جانبي.
<footer>وهو عبارة عن تمثيل تذييل لأقرب عنصر أو للمستند كله، حيث يحتوي التذييل على معلومات حول كاتب المحتوى أو معلومات حقوق النشر.
<h1-h6>حيث تُمثل عناصر  ال (<h1> ‏-<h6>) ستة مستويات من ترويسات الأقسام، ويكون العنصر (<h1>) أعلى وأول مستوى والعنصر (<h6>) أدنى مستوى من الترويسات.
<header>يحتوي العنصر (<header>) على مجموعة مختلفة من العناصر التمهيدية أو العناصر المساعدة على التنقل، ومن الممكن أن يحتوي على بعض عناصر الترويسات أو عناصر أخرى مثل شعار الموقع أو نموذج بحث.
<nav>يمثل هذا العنصر قسم من الصفحة بحيث يكون الهدف منه هو توفير روابط للتنقل، سواءً كانت ضمن المستند نفسه أو إلى مستندات أخرى، من أكثر الأمثلة استخداماً على هذا النوع من العناصر هي القوائم وجداول المحتويات والفهارس.
<section>يمثل هذا العنصر في لغة البرمجة (HTML) قسم مستقل له وظيفة خاصة به ضمن مستند من نوع (HTML)، حيث يكون له ترويسة وهذا القسم ليس له وسم خاص يمكن أن يمثِّله.

المصدر: HTML5 Sectioning ElementsSectioning Elements

: The Generic Section element
HTML - Sections (Sectioning Content Element)


شارك المقالة: