مستويات التداخل دون تخطٍّ

تبني مستويات العناوين مخططًا يشبه قائمة متداخلة. وتوضح أرقام المستويات الأقسام التي تتضمنها أقسام أخرى، تمامًا كما في مخطط المقالة. 🌳

بعد h2، يستخدم القسم الفرعي h3، لا h4. ويجعل رفع المستوى خطوة واحدة في كل مرة البنية واضحة وسهلة المتابعة.

يشير الانتقال من h2 مباشرة إلى h4 إلى وجود h3 مفقود. وهكذا يصبح في المخطط فراغ، ويتساءل المستخدمون عما فاتهم.

يمكنك العودة إلى أي مستوى أعلى مباشرة. فبعد h4، تعني العودة إلى h2 ببساطة بدء قسم جديد من المستوى الأعلى. وهذا مسموح.

تعني كل خطوة إلى أسفل أن المحتوى متضمن داخل ما قبلها. فـ h3 جزء من h2 الذي يعلوه، وليس عنصرًا موازيًا له. الرقم يعبّر عن علاقة، لا عن حجم.

لا تختر h4 لمجرد رغبتك في نص أصغر. اختر المستوى الذي تحتاجه البنية، ثم نسّق الحجم باستخدام CSS.

تشترك الأقسام الموجودة في العمق نفسه في مستوى العنوان. وينبغي أن تكون ثلاثة أقسام فرعية متساوية تحت موضوع واحد جميعها h3، جنبًا إلى جنب.

يكون عنوان قسمك الأول h2، أسفل h1 الوحيد مباشرةً. وينمو المخطط إلى أسفل انطلاقًا من ذلك الجذر الواحد.

تتوقف معظم الصفحات عند h3 أو h4 تقريبًا. وإذا وصلت إلى h6 كثيرًا، فقد يحتاج المحتوى إلى تقسيمه إلى أقسام أبسط وأقل عمقًا.

لا تضف h3 بلا محتوى تحته لمجرد الوصول إلى مستوى معين. ينبغي لكل عنوان أن يعرّف مادة حقيقية تليه.

اقرأ عناوينك بصوت عالٍ باعتبارها أرقامًا فقط. يبدو التسلسل 1، 2، 3، 2، 3 سلسًا؛ أما الانتقال المفاجئ من 2 إلى 4 فيكشف عن مستوى متجاوز.

لديك h2. ما المستوى الصحيح لقسم فرعي بداخله؟

تعلمت خفض مستويات العناوين خطوة واحدة في كل مرة، وعدم تجاوز أي مستوى عند النزول، واختيار المستويات وفقًا لـ التسلسل الهرمي لا الحجم. ✅