6. هيكلة النص باستخدام العناوين (h1 إلى h6)

تعتبر العناوين ضرورية لتحديد التسلسل الهرمي وهيكلة مستندك، وهو أمر حيوي لكل من المستخدمين ومحركات البحث (SEO).

6.1 التسلسل الهرمي للعناوين

توفر HTML ستة مستويات من العناوين، من <h1> (الأكثر أهمية) إلى <h6> (الأقل أهمية).

قواعد الاستخدام:

1. عنوان <h1> واحد لكل صفحة: يجب أن يلخص <h1> الموضوع الأساسي للصفحة بأكملها (مثل عنوان فصل في كتاب).
2. الحفاظ على الترتيب: اتبع دائماً الترتيب الرقمي (h1 -> h2 -> h3). لا تتخطى مستويات (مثل القفز مباشرة من h1 إلى h4).

html

العنوان الرئيسي للصفحة

<p>فقرة تمهيدية.</p>

<h3>تفصيل القسم الفرعي 1</h3>
<p>محتوى التفصيل 1.</p>

<h3>تفصيل القسم الفرعي 2</h3>
<p>محتوى التفصيل 2.</p>

ملاحظة: بينما تعرض المتصفحات غالباً h1 بالحجم الأكبر و h6 بالأصغر، يجب عليك استخدام العناوين للهيكلة (الدلالات)، وليس فقط للحجم البصري. ستتحكم في المظهر باستخدام CSS لاحقاً.