العنصر aside

الكاتب: سامي -
العنصر <aside>
العنصر <aside>

يُمثِّل العنصر <aside> جزءًا من المستند الذي يتعلق محتواه بشكلٍ أو بآخر بالمحتوى الرئيسي للمستند (ويُمثَّل هذا العنصر عادةً على شكل شريط جانبي).

مثال عن استخدام العنصر <aside> داخل عنصر <article> لإظهار معلومات جانبية تتعلق بالمحتوى الرئيسي.

<article>
  <p>
    زرت أنا وعائلتي المعرض الدولي هذا الصيف. كان الطقس لطيفًا ، وكانت رائعة! قضيت صيفًا رائعًا مع عائلتي
  </p>
  <aside>
    <p>
      المعرض الدولي هو منتزه ترفيهي في يضم معالم جذب مثيرة وأجنحة دولية وألعاب نارية حائزة على جوائز 
      ومناسبات موسمية خاصة
    </p>
  </aside>
</article>

بطاقة العنصر

تصنيفات المحتوى عنصر تنظيمي.
المحتوى المسموح المحتوى التنظيمي.
الوسم المختصر لا يمكن حذف أيّ من وسمَي البداية أو النهاية.
العناصر الأب أي عنصر يقبل المحتوى التنظيمي.

لاحظ أنَّ العنصر <aside> لا يجوز أن يكون ابنًا للعنصر <address>.

واجهة DOM HTMLElement

دعم المتصفحات

Chrome Firefox Edge Safari Opera
5 4.0 مدعوم 4.1 11.10

الخاصيات

يمكن استخدام الخاصيات العامة في هذا العنصر.

ملاحظات الاستخدام

  • لا يجوز استعمال العنصر <aside> لتوسيم النص الذي نضعه عادةً بين قوسين، فهذا النص يُصنَّف على أنها من المحتوى الرئيسي للصفحة.

التنسيق الافتراضي

أغلبية المتصفحات تعرض العنصر <aside> مع ضبط الخاصية display إلى block:

aside {
  display: block;
}

 

شارك المقالة:
940 مشاهدة
المراجع +

هل أعجبك المقال
10
10

مواضيع ذات محتوي مطابق

مقالات من نفس التصنيف

الأكثر مشاهدة من نفس التصنيف

التصنيفات تصفح المواضيع
youtubbe twitter linkden facebook