The <aside> тег визначає деякий вміст, окрім вмісту, у якому він розміщений. Сторонній вміст має бути опосередковано пов’язаний із навколишнім вмістом. Порада: вміст <aside> часто розміщується як бічна панель у документі.

<aside> Елемент HTML The <aside> Елемент HTML представляє частину документа, вміст якої лише опосередковано пов’язаний з основним вмістом документа. Додаткові частини часто представлені у вигляді бічних панелей або вікон викликів.');})();(function(){window.jsl.dh('6TbrZoyyNbmokdUPyMS6iA0__25','

Спочатку ми створюємо контейнерний елемент div, який містить два div, тобто один є бічної панеллю, а інший є вмістом. У div бічної панелі ми розміщуємо фіксовану бічну панель, а в div content ми додаємо вміст, який хочемо відображати в області вмісту.

Бічна панель є вертикальний компонент, який містить додаткову інформацію для збагачення основного вмісту веб-сторінки. Щоб покращити організацію вмісту та навігацію користувача, веб-розробники та дизайнери регулярно інтегрують меню бічної панелі на кілька веб-сторінок.

The <menu> тег визначає невпорядкований список вмісту. Використовуйте тег <menu> разом із тегом <li> для створення пунктів меню. Примітка. Тег <menu> є альтернативою тегу <ul>, і браузери розглядатимуть ці два списки однаково.

Більшість сайтів мають бічну панель. Служить для відображення інформації, яка доповнює основний текст, але не є обов'язковою. Найчастіше це меню розділу, список визначень зі статті, віджети тощо. Щоб правильно розмітити таку область, можна скористатися <aside> тег, всередині якого буде розташована бічна панель.