تگ aside در html

از تگ aside برای تعریف یک محتوای فرعی یا مستقل از محتوای اصلی ( مثال تگ <main> یا تگ <article> ) در صفحه استفاده می‌شود. در واقع محتوایی که داخل تگ <aside> قرار می‌گیرند شامل محتوای جانبی، مرتبط یا یا مواردی که نیاز به توجه کمتری از سوی کاربر دارند استفاده می‌شود.

نحوه استفاده از تگ <aside>

↑

غالبا از تگ <aside> برای مشخص کردن نوار کناری (sidebar)، لینک‌های مرتبط، آگهی‌ها و موارد مشابه دیگر استفاده می‌کنند. نمونه کد زیر نشان می‌دهد چگونه از تگ <aside> استفاده کنید:

<body>
  <main>
    <article>
      <h2>عنوان مقاله</h2>
      <!-- محتوای مقاله -->
      
      <aside>
        <!-- محتوای فرعی -->
      </aside>
    </article>
  </main>
</body>

attribute یا ویژگی‌های قابل استفاده در تگ <aside>

↑

تگ aside می‌تواند دارای چندین ویژگی یا attribute باشد که استفاده از این ویژگی‌ها اختیاری است.

Global Attributes

↑

تگ <aside> از Global Attributes در HTML پشتیبانی می کند.

Event Attributes

↑

تگ <aside> از Event Attributes in HTML در HTML پشتیبانی می کند.

ویژگی‌های ظاهری پیشفرض در تگ aside

↑

اکثر مرورگرها تگ <aside> را با مقادیر پیش فرض زیر نمایش می دهند:

aside{
  display: block;
}

آموزش خصوصی طراحی سایت و وردپرس به صورت آنلاین

پروژه محور - ارتباط مستقیم با مدرس

ثبت نامتعرفه آموزش خصوصی