الفرق بين المراجعتين لصفحة: «HTML/section»
< HTML
ط تغيير ترتيب التصنيفات |
ط استبدال النص - ':(Content sectioning|Edits|Embedded content|Forms|Inline text semantics|Input Types|Interactive elements|Main Root|Metadata|Multimedia|Scripting|Table|Text Content)' ب':HTML $1' |
||
سطر 63: | سطر 63: | ||
[[تصنيف:HTML]] | [[تصنيف:HTML]] | ||
[[تصنيف:HTML Elements]] | [[تصنيف:HTML Elements]] | ||
[[تصنيف:Content sectioning]] | [[تصنيف:HTML Content sectioning]] |
مراجعة 15:40، 28 يناير 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.