العناوين Headings


تنظيم المحتوى مع العناوين

تساعد العناوين في تحديد التسلسل الهرمي وهيكل محتوى صفحة الويب.
توفر لغة HTML ستة مستويات من وسوم العناوين ، من <h1> إلى <h6> ؛ كلما ارتفع الرقم في العنوان ، زادت أهميته - لذلك يحدد الوسم <h1> أهم عنوان ، بينما يحدد الوسم <h6> العنوان الأقل أهمية في صفحة الويب.
بشكل افتراضي ، تعرض المتصفحات العناوين بخط أكبر وأغمق من النص العادي. أيضًا ، يتم عرض العناوين <h1> بأكبر خط ، في حين يتم عرض العناوين <h6> في أصغر خط.

مثال
تشغيل
  1. <h1>Heading level 1</h1>
  2. <h2>Heading level 2</h2>
  3. <h3>Heading level 3</h3>
  4. <h4>Heading level 4</h4>
  5. <h5>Heading level 5</h5>
  6. <h6>Heading level 6</h6>

أهمية العناوين وكيفية استخدامها

العناوين في لغة HTML مهمة للغاية فهي تؤدي إلى ابراز الموضوعات المهمة وتؤدي ايضا إلى هيكلة صفحة الويب بشكل جيد ، لذا يجب علينا استغلالها بعناية لتحسين تفاعل المستخدم.
لا تستخدم العناوين لجعل النص يبدو كبيرًا أو غامقًا. استخدمها فقط لإبراز عنوان صفحة الويب وترتيب بنيتها.
نظرًا لأن محركات البحث ، مثل Google ، تستخدم العناوين لفهرسة بنية ومحتوى صفحات الويب ، لذا استخدمها بحكمة شديدة في صفحة الويب الخاصة بك.
استخدم الوسم <h1> لتمييز أهم عنوان يوجد بالعادةً في أعلى الصفحة (العنوان الاول). يجب أن تحتوي صفحة HTML بشكل عام على عنوان <h1> واحد فقط ، متبوعًا بالعناوين ذات المستوى الأدنى مثل <h2> ، و <h3> ، و <h4> ، وما إلى ذلك.