تگ aside در HTML

با استفاده از تگ aside در HTML می توانیم سایر مطالب مرتبط با سایت را در صفحات وب قرار دهیم، مطالبی همچون سایر پست های سایت، لینک های متفرقه، بنر های تبلیغاتی و…

یادداشت:‌ اگر به وب سایت بابلز لرن و یا سایت های دیگر دقت کرده باشید در بعضی از صفحات خود یک ستون کناری دارند که در آن گاهاً بنر های تبلیغاتی، سایر مطالب سایت و مواردی مشابه این را قرار می دهند، همین الان که شما دارید این پست رو مطالعه می کنید ستون کناری ای که کنار همین پست مشاهده می کنید و حاوی یکسری محتوا و مطالب هست با عنصر aside ایجاد شده است.

مثال

تعریف و کاربرد

تگ aside در HTML یک تگ بلاکی (Block Element) است که برای تعریف محتوای کناری یا محتوای فرعی در یک صفحه وب استفاده می‌شود. این محتوا معمولاً جدا از محتوای اصلی صفحه وب قرار می‌گیرد و می‌تواند مرتبط با محتوای اصلی باشد، اما به صورت جداگانه نمایش داده می‌شود. تگ <aside> به منظور ایجاد کنترل‌ها، لینک‌ها، ابزارها، بلوک‌های تبلیغاتی، و سایر محتواهای کناری در یک صفحه وب به کار می‌رود.

نکته: محتوای عنصر aside معمولاً به عنوان یک نوار یا ستون کناری در صفحات قرار میگیرد.

توجه: عنصر aside در حالت عادی سبک و ظاهر خاصی در مرورگر ها ندارد، شما می توانید با استفاده از CSS به این عنصر سبک و ظاهر خاصی را بدهید.

پشتیبانی مرورگر ها

اعداد موجود در جدول اولین نسخه مرورگر را مشخص می کند که به طور کامل عنصر را پشتیبانی می کند.

خواص عمومی

تگ aside از خواص عمومی در HTML پشتیبانی می کند.

رویداد های عمومی

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

تنظیمات پیش فرض CSS

اکثر مرورگر ها عنصر aside در HTML را با تنظیمات پیش فرض زیر نمایش می دهند:

aside {
  display: block;
}

مثال های بیشتر