الفرق بين المراجعتين لصفحة: «HTML/h1-h6»
< HTML
لا ملخص تعديل |
ط تغيير ترتيب التصنيفات |
||
| سطر 72: | سطر 72: | ||
*مواصفة [http://www.w3.org/TR/html5/sections.html#the-h1,-h2,-h3,-h4,-h5,-and-h6-elements HTML5]. | *مواصفة [http://www.w3.org/TR/html5/sections.html#the-h1,-h2,-h3,-h4,-h5,-and-h6-elements HTML5]. | ||
*مواصفة [http://www.w3.org/TR/html401/struct/global.html#h-7.5.5 HTML 4.01]. | *مواصفة [http://www.w3.org/TR/html401/struct/global.html#h-7.5.5 HTML 4.01]. | ||
[[تصنيف:HTML]] | [[تصنيف:HTML]] | ||
[[تصنيف:HTML Elements]] | [[تصنيف:HTML Elements]] | ||
[[تصنيف:Content sectioning]] | |||
مراجعة 08:40، 27 يناير 2018
تُمثِّل عناصر <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). |
| الوسم المختصر | لا يمكن حذف أيّ من وسمَي البداية أو النهاية. |
| العناصر الأب | أي عنصر يقبل المحتوى التنظيمي.
لا تستخدم هذه العناصر ضمن العنصر |
| واجهة DOM | HTMLHeadingElement
|
دعم المتصفحات
| Chrome | Firefox | Edge | Safari | Opera |
|---|---|---|---|---|
| مدعوم | مدعوم | مدعوم | مدعوم | مدعوم |
الخاصيات
يمكن استخدام الخاصيات العامة في هذا العنصر.
أصبحت الخاصية align قديمة ومهملة وغير مدعومة في HTML5، فلا تستعملها.
ملاحظات الاستخدام
- يمكن استخدام معلومات الترويسات من المتصفحات (وغيرها من البرمجيات) لتوليد جدول محتويات للمستند تلقائيًا
- لا تستعمل المستويات الدنيا من الترويسات لتصغير الخط، وإنما استعمل خاصية
font-sizeفي CSS استعمالًا صحيحًا. - تجنّب تخطي مستوى من مستويات الترويسات، أي ابدأ دومًا من
<h1>ثم استخدام<h2>وهكذا.
مصادر ومواصفات
- معيار HTML Living Standard.
- مواصفة HTML5.
- مواصفة HTML 4.01.