آموزش HTML – تگ aside

نویسنده : مرتضی گنج | تاریخ انتشار : 2019/11/15 | بخش : آموزش HTML

تعریف و کاربرد تگ aside در HTML

تگ aside تگی است که ما با استفاده از آن می توانیم یک محتوای مرتبط با محتوای اصلی وب سایت ایجاد نماییم.

اگر به سایت های موجود در اینترنت توجه کرده باشید معمولا دارای یک ستون کناری هستند که در اون ستون یکسری لینک ،تصاویر و.. قرار می گیرد، پس بطور کلی ما با استفاده از تگ <aside> می تونیم یکسری محتوا که مرتبط و ارتباط معنایی با محتوای اصلی سایت هستند را ایجاد نماییم.

از تگ aside به دو صورت می توان استفاده نمود:

  • استفاده از تگ aside بصورت تو در تو در دیگر تگ ها: بعنوان مثال اگر از تگ aside داخل تگ article استفاده می کنید، محتوایی که برای تگ aside در نظر می گیرید باید با محتوای تگ article ارتباط معنایی داشته باشد.
  • استفاده از تگ aside برای نمایش ستون های سمت راست و چپ: در این حالت هر محتوایی که لازم است در ستون سمت راست و چپ قرار گیرد را می توان در تگ aside قرار داد. بعنوان مثال در سایتکده، از ستون سمت چپ برای نمایش لیست مطالب، تبلیغات و … استفاده شده است.

مثال و تمرین از تگ aside در HTML

یک نمونه کد از تگ <aside> را می توانید در اینجا مشاهده کنید :

<p>آموزش تگ های اچ تی ام ال به صورتی رفرنس در سایتکده قرار گرفت</p>

<aside>
  <h4>تگ های HTML</h4>
  <p>تگ a</p>
  <p>تگ p </p>
</aside>

 

تمرین کنید !

 

پشتیبانی مرورگرها از تگ <asid>

Element
<aside> ۶٫۰  ۴٫۰ ۹٫۰ ۵٫۰ ۱۱٫۱