الفرق بين المراجعتين لصفحة: «HTML/section»
< HTML
لا ملخص تعديل |
ط تغيير ترتيب التصنيفات |
||
| سطر 61: | سطر 61: | ||
*مواصفة [https://www.w3.org/TR/2016/REC-html51-20161101/sections.html#the-section-element HTML 5.1]. | *مواصفة [https://www.w3.org/TR/2016/REC-html51-20161101/sections.html#the-section-element HTML 5.1]. | ||
*مواصفة [http://www.w3.org/TR/html5/sections.html#the-section-element HTML5]. | *مواصفة [http://www.w3.org/TR/html5/sections.html#the-section-element HTML5]. | ||
[[تصنيف:HTML]] | [[تصنيف:HTML]] | ||
[[تصنيف:HTML Elements]] | [[تصنيف:HTML Elements]] | ||
[[تصنيف:Content sectioning]] | |||
مراجعة 08:41، 27 يناير 2018
يُمثِّل العنصر <section> قسمًا مستقلًا له وظيفة خاصة به ضمن مستند HTML، ويكون له ترويسة عادةً، وهذا القسم ليس له وسمٌ خاصٌ يمكن أن يمثِّله.
فمثلًا يمكن وضع روابط التنقل ضمن عنصر <nav>، لكن قائمةً بنتائج البحث أو خريطة مع عناصر التحكم الخاصة بها لا تملك عناصر HTML محدَّدة، لذا يمكن وضعها ضمن عنصر <section>.
هذه مثالٌ عن شيفرة قديمة تستعمل العنصر <div> لتقسيم الصفحة:
<div>
<h1>Heading</h1>
<p>content</p>
</div>
وإذا أردنا استخدام العنصر <section> فستبدو الشيفرة كما يلي:
<section>
<h1>Heading</h1>
<p>content</p>
</section>
| تصنيفات المحتوى | عنصر تنظيمي. |
|---|---|
| المحتوى المسموح | محتوى تنظيمي. |
| الوسم المختصر | لا يمكن حذف أيّ من وسمَي البداية أو النهاية. |
| العناصر الأب | أي عنصر يقبل المحتوى التنظيمي.
لاحظ أنَّ العنصر |
| واجهة DOM | HTMLElement
|
دعم المتصفحات
| Chrome | Firefox | Edge | Safari | Opera |
|---|---|---|---|---|
| 5 | 4 | مدعوم | 4.1 | 11.10 |
الخاصيات
يمكن استخدام الخاصيات العامة في هذا العنصر.
ملاحظات الاستخدام
- يجب أن يكون كل عنصر
<section>مُعرَّفًا (identified)، ويتم ذلك عمومًا بتضمين ترويسة (العناصر<h1>-<h6>) ضمن العنصر<section>. - إذا كان من الممكن نشر محتوى عنصر
<section>بشكل مستقل عن بقية المستند، فاستخدم العنصر<article>بدلًا منه. - لا تستعمل العنصر
<section>كحاوية عامة وشاملة، فتلك وظيفة العنصر<div>، خصوصًا إذا كان التقسيم لأغراض التنسيق. القاعدة العامة هي استخدام العنصر<section>عندما نريد أن يظهر قسمٌ جديد في تخطيط الصفحة.
مصادر ومواصفات
- معيار HTML Living Standard.
- مواصفة HTML 5.1.
- مواصفة HTML5.