انتقل إلى محتوى الدرس

Multiple h1 Elements In One HTML Page تعدد عناصر h1 في صفحة HTML واحدة

سنتعلم في هذا الدرس أول العناصر المرئية التي تظهر للمستخدمين في صفحة الويب [وتحديدًا داخل عنصر body]، وهي عناصر العناوين [HTML headings elements]، والتي تحدد العنوان الرئيسي للصفحة والعناوين الفرعية لها.

1 صفوف تعليمية
لغة HTML
11,427 مشاهدة

شرح صفوف ومحتوى الفقرة

الصف 1 شرح توضيحي

نستخدم هنا h1 واحدًا للموضوع الرئيسي ثم h2 للأقسام التابعة. يقبل h1 محتوى phrasing مثل span وem، ولا يجوز وضع h2 داخله. التبعية بين مستويات العناوين تعني تنظيم الأقسام، وليس إدخال وسم عنوان داخل وسم عنوان آخر.

Use Multiple h1

تجنب تكرار عنصر <h1> في صفحة الويب حتى يبقى العنوان الرئيسي واضحًا للقارئ؛ ليس مجرد تكراره دليلًا على عقوبة تلقائية في البحث، لذلك، تجنب كتابة أكثر من عنصر <h1> في نفس صفحة الويب.

HTML
<h1>HTML5 Course </h1>
<h1>CloseTag HTML Headings</h1>

Main Heading and Section Heading

نكتب h1 للموضوع الرئيسي، ثم h2 لقسم تابع كعنصر مستقل بعده؛ لا نضع h2 داخل h1.

HTML
<h1>HTML5 Course</h1>
<h2>CloseTag HTML Headings</h2>