يُمثِّل العنصر <aside>
جزءًا من المستند الذي يتعلق محتواه بشكلٍ أو بآخر بالمحتوى الرئيسي للمستند (ويُمثَّل هذا العنصر عادةً على شكل شريط جانبي).
مثال عن استخدام العنصر <aside>
داخل عنصر <article>
لإظهار معلومات جانبية تتعلق بالمحتوى الرئيسي.
<article>
<p>
زرت أنا وعائلتي المعرض الدولي هذا الصيف. كان الطقس لطيفًا ، وكانت رائعة! قضيت صيفًا رائعًا مع عائلتي
</p>
<aside>
<p>
المعرض الدولي هو منتزه ترفيهي في يضم معالم جذب مثيرة وأجنحة دولية وألعاب نارية حائزة على جوائز
ومناسبات موسمية خاصة
</p>
</aside>
</article>
تصنيفات المحتوى | عنصر تنظيمي. |
---|---|
المحتوى المسموح | المحتوى التنظيمي. |
الوسم المختصر | لا يمكن حذف أيّ من وسمَي البداية أو النهاية. |
العناصر الأب | أي عنصر يقبل المحتوى التنظيمي.
لاحظ أنَّ العنصر |
واجهة DOM | HTMLElement |
Chrome | Firefox | Edge | Safari | Opera |
---|---|---|---|---|
5 | 4.0 | مدعوم | 4.1 | 11.10 |
يمكن استخدام الخاصيات العامة في هذا العنصر.
<aside>
لتوسيم النص الذي نضعه عادةً بين قوسين، فهذا النص يُصنَّف على أنها من المحتوى الرئيسي للصفحة.أغلبية المتصفحات تعرض العنصر <aside>
مع ضبط الخاصية display
إلى block
:
aside {
display: block;
}