العناصر <h1>-<h6>

من موسوعة حسوب
< HTML
مراجعة 15:37، 28 يناير 2018 بواسطة عبد اللطيف ايمش (نقاش | مساهمات) (استبدال النص - '\[\[تصنيف:(.*)\]\]' ب'{{SUBPAGENAME}}')
اذهب إلى التنقل اذهب إلى البحث

تُمثِّل عناصر <h1>‏-<h6> ستة مستويات من ترويسات الأقسام، ويكون العنصر <h1> أعلى مستوى والعنصر <h6> أدنى مستوى.

المثال الآتي يعرض جميع مستويات الترويسات:

<h1>Heading level 1</h1>
<h2>Heading level 2</h2>
<h3>Heading level 3</h3>
<h4>Heading level 4</h4>
<h5>Heading level 5</h5>
<h6>Heading level 6</h6>

أما المثال الآتي فيبيّن استعمال عدد من مستويات الترويسات مع بعض المحتوى بعدها:

<h1>Heading elements</h1>
<h2>Summary</h2>
<p>Some text here...</p>

<h2>Examples</h2>
<h3>Example 1</h3>
<p>Some text here...</p>

<h3>Example 2</h3>
<p>Some text here...</p>

<h2>See also</h2>
<p>Some text here...</p>
تصنيفات المحتوى عنصر تنظيمي.
المحتوى المسموح المحتوى الفعلي (phrasing content).
الوسم المختصر لا يمكن حذف أيّ من وسمَي البداية أو النهاية.
العناصر الأب أي عنصر يقبل المحتوى التنظيمي.

لا تستخدم هذه العناصر ضمن العنصر <hgroup> لأن ذلك أصبح مهملًا (deprecated).

واجهة DOM HTMLHeadingElement

دعم المتصفحات

Chrome Firefox Edge Safari Opera
مدعوم مدعوم مدعوم مدعوم مدعوم

الخاصيات

يمكن استخدام الخاصيات العامة في هذا العنصر.

أصبحت الخاصية align قديمة ومهملة وغير مدعومة في HTML5، فلا تستعملها.

ملاحظات الاستخدام

  • يمكن استخدام معلومات الترويسات من المتصفحات (وغيرها من البرمجيات) لتوليد جدول محتويات للمستند تلقائيًا
  • لا تستعمل المستويات الدنيا من الترويسات لتصغير الخط، وإنما استعمل خاصية font-size في CSS استعمالًا صحيحًا.
  • تجنّب تخطي مستوى من مستويات الترويسات، أي ابدأ دومًا من <h1> ثم استخدام <h2> وهكذا.

مصادر ومواصفات