Сколько раз можно использовать тег aside и есть ли в этом практическая составляющая?

Question

[Анатолий]

В HTML5 тег aside описывает косвенный контент, который не имеет прямого отношения к основному содержимому, например реклама, счетчики, облако тегов, слайдеры и т.д.

И у меня возник вопрос, а нужно ли его использовать например так:


Левый aside в блоке main - это слайдер.
Справа aside - это ссылки на последние статьи
Первый aside в article - это рекламный блок (баннеры, форма обратной связи,..)
Второй aside - это рейтинг статьи, комментарии пользователей, похожие статьи и т.д.

Если в этом практический смысл для SEO, при верстке (как уменьшение количества классов) и чего-то там еще :)

Или лучше использовать обертку div, а блок обернуть noindex, а как скрыть от Гугла тоже не совсем понятно.

Comments

[Moskus]

Откройте для себя разницу между "если" и "есть ли". Они не взаимозаменяемы.

[Анатолий]

Не заметил ошибки, сейчас наверное уже не исправить.

Answer 1

[Игорь Воротнёв]

Вот тут посмотрите:
https://developer.mozilla.org/en-US/docs/Web/HTML/...

И вы немного недопоняли семантику. Вроде и поняли, но есть нюансы:

aside описывает косвенный контент, который не имеет прямого отношения к основному содержимому,

Aside описывает контент, который имеет отношение к основному содержимому, но является дополняющим, не основным контентом. Использовать его можно ровно столько раз, сколько нужно.

например реклама, счетчики, облако тегов, слайдеры и т.д.

А вот счетчики, реклама как раз не имеет никакого отношения к основному контенту и не должно быть в aside. Облако тегов, имхо, логичнее делать в footer внутри article. Слайдер - это скорее section внутри article. Возможно, figure (но скорее нет, логичнее section).

Comments

[Анатолий]

Вы наверное не внимательно прочитали мой вопрос, я не спрашивал можно ли!
Я спросил нужно ли?
Сам не вижу в этом ни малейшего смысла, но возможно я что-то упускаю. Вопрос был к профи, но раз нет ответов, значит я думаю верно, смысла нет.

[Игорь Воротнёв]

Анатолий, ответ на вопрос "нужно ли" придет сам как только вы поймете нюансы, о которых я написал в ответе. Aside имеет конкретную семантическую нагрузку. Используйте там, где это имеет семантический смысл. Не используйте просто так для всего "не-основного-контента". И тем более не используйте для того, что просто визуально должно быть "сбоку от основного контента". Можете не использовать вообще, поисковики ваш контент все равно проиндексируют, так или иначе. Насколько адекватно - это уже другой вопрос.

[Анатолий]

Я его и не использую везде, это был только вопрос.
У меня тег aside используется только для блока сайдбара, и то, только для удобства (красоты кода).

[Игорь Воротнёв]

Анатолий, вот как раз для красоты кода не надо. Если есть семантический смысл для него - используйте. Для всех остальных случаев - нет.

[Виолетта Морозова]

Aside описывает контент, который имеет отношение к основному содержимому, но является дополняющим, не основным контентом.

Игорь Воротнёв, исходя из вашего ответа, я так и не поняла для чего нужен этот тег aside )) Приведите, пожалуйста, пример.

[Игорь Воротнёв]

Виолетта Морозова, https://blog.teamtreehouse.com/use-html5-sectionin...

[Анатолий]

Прочитал статью, но она не как не расшифровывает Ваше высказывание!

[Виолетта Морозова]

Игорь Воротнёв, спасибо! Теперь стало понятно.
Анатолий а по-моему расшифровывает. Все стало ясно и прозрачно.