HTML5 для разметки функциональности - какие семантические теги я должен использовать?

Question

Когда дело доходит до написания разметки блога, я абсолютно понимаю использование тегов статьи и раздела.Но у моих топовых разделов есть два виджета.В одну встроена поисковая система, а в другой - маркетинговая копия, ведущая на страницу часто задаваемых вопросов.

Какая в этом случае верная разметка HTML5?Как пометить функциональность виджета?

Answer 1

В моих топовых разделах есть два виджета. У одного есть встроенная поисковая система ...

Поиск двигатель встроенный? Вы имеете в виду поле поиска , т. Е. Текстовое поле, в которое можно вводить поисковые слова? Для этого вам нужно <input type="search">.

... а другой - маркетинговая копия, ведущая на страницу часто задаваемых вопросов.

Действительно ли это квалифицируется как «виджет»? Если это маркетинговая копия, «ведущая» к странице часто задаваемых вопросов, это звучит как ссылка на меня, семантически представленная в HTML начиная с версии 1 с элементом <a>.

HTML довольно прост, вы действительно не хотите его обдумывать. Вам не нужны конкретные теги для всего, что люди могут дать имя. (Что такое «виджет»? Разве это не просто раздел страницы?) Для большинства вещей <section> - это хорошо .

Answer 2

Хотя HTML5 является большим улучшением, есть одна вещь, которую он не исправляет: субъективность того, что считается правильной семантикой для каждой ситуации.

И я сомневаюсь, что HTML когда-нибудь исправит это.

Если вы уже используете HTML5-контейнеры для других, более очевидных частей страницы, я бы не стал слишком потеть в этих элементах. Вы можете поместить маркетинговые вещи в aside. Поиск можно считать формой nav. Но ... я не думаю, что плохая карма придет к вам, если вы просто добавите их в пару div с. ;)