Тег aside

Обучение html

Тег aside является блочным элементом, относится к разряду семантических тегов, парный. Особенные атрибуты отсутствуют, поэтому используется стандартные, как для обычного <div>. Относитесь к aside будто это <div>, ведь он создан для его замены. Чтобы поисковик лучше понимал, что размещено на странице.

Содержит дополнительную или второстепенную информацию к основному контенту. Как правильно понять что нужно помещать в тег aside? Если вы уберете информацию помещенную в aside, и смысл основного контента не потеряется, тогда все сделали правильно. Нельзя использовать для навигации или какого либо меню, для этого существует специальная разметка nav. Тег aside отлично подойдет под размещение таких вещей как опросы, различные голосования или установка рейтинга.

Синтаксис <aside> Рекламный блок </aside>

Пример кода:

<aside>
 <p>Подпишись</p>
 <p>обязательно</p>
 <p>рассылка webm.tech</p>
</aside>

Посмотрите на пример изображенный на картинке:

Тег aside
Пример использования <aside> на сайте.

В нем мы рассматриваем интернет страничку на которой рассказывают про книгу. Страничка состоит из правильной семантической разметки. И скажите если вы уберете блок с рекомендацией книги, что ее посоветовали 500 человек, это изменит смысл всего веб документа? Нет, не изменит. Так что вы посмотрели правильный пример использования. Сохраните или добавьте в закладки, что бы не потерять.

webm.tech