Оновлено: 19.05.2025

aside

Frontend HTML Теги aside

Елемент <aside> (від англ. aside — у стороні, відступ) - це розділ сторінки, який має непряме відношення до вмісту сторінки і може бути розглянутим окремо від цього вмісту. <aside> застосовується для бічних панелей, рекламних блоків, посилань на архів, міток та іншої інформації, відокремленої від основного вмісту сторінки.

 

 

⌨️ Синтаксис

<aside>
</aside>

 

 

🔒 Закриваючий тег: Обов'язковий.
 

 

🔧 Атрибути

Для цього елемента доступні універсальні атрибути та події.

 

 

📋 Приклад

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title>aside</title>
  <style>
   aside {
    background: #f0f0f0;
    padding: 10px;
    width: 200px;
    float: right;
   }
   article {
    margin-right: 240px;
   }
  </style>
 </head> 
 <body>
  <header><h1>Bikes</h1></header>
  <aside>
   <p>Save electricity</p>
    <p>Good language</p>
    <p>Whose stick is bigger</p>
  </aside>
  <article>
   The story of how you had to save electricity,
    what measures were taken for this, and where it actually went.
  </article>
 </body> 
</html>