تگ aside در HTML

تگ <aside> در HTML بخشی را مشخص می کند که غالبا به صورت غیر مستقیم با بخش اصلی صفحه در ارتباط است و معمولا قسمت سایدبار را در صفحات وب تشکیل می دهد.

مثال:

<main>
    <p>
        لورم ایپسوم یا طرح‌نما به متنی آزمایشی و بی‌معنی در صنعت چاپ، صفحه‌آرایی
        و طراحی گرافیک گفته می‌شود. طراح گرافیک از این متن به عنوان عنصری از
        ترکیب بندی برای پر کردن صفحه و ارایه اولیه شکل ظاهری و کلی طرح سفارش
        گرفته شده استفاده می نماید، تا از نظر گرافیکی نشانگر چگونگی نوع و اندازه
        فونت و ظاهر متن باشد. معمولا طراحان گرافیک برای صفحه‌آرایی، نخست از
        متن‌های آزمایشی و بی‌معنی استفاده می‌کنند تا صرفا به مشتری یا صاحب کار
        خود نشان دهند که صفحه طراحی یا صفحه بندی شده بعد از اینکه متن در آن قرار
        گیرد چگونه به نظر می‌رسد و قلم‌ها و اندازه‌بندی‌ها چگونه در نظر گرفته
        شده‌است.
    </p>
</main>
<aside>
    <h4>مطالب مرتبط:</h4>
    <ul>
        <li><a href="#">مطلب شماره یک</a></li>
        <li><a href="#">مطلب شماره دو</a></li>
        <li><a href="#">مطلب شماره سه</a></li>
        <li><a href="#">مطلب شماره چهار</a></li>
        <li><a href="#">مطلب شماره پنج</a></li>
    </ul>
</aside>

نتیجه:

مشاهده و ویرایش کد در حالت تمام صفحه

پشتیبانی مرورگرها
تمام مرورگرها از این تگ HTML پشتیبانی می کنند.