يُمثِّل العنصر <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;
}