HTML5 для разметки функциональности - какие семантические теги я должен использовать?
Когда дело доходит до написания разметки блога, я абсолютно понимаю использование тегов статьи и раздела. Но у моих топовых разделов есть два виджета. В одну встроена поисковая система, а в другой - маркетинговая копия, ведущая на страницу часто задаваемых вопросов.
Какова будет правильная разметка HTML5 в этом случае? Как пометить функциональность виджета?
2 ответа
В моих разделах заголовка есть два виджета. Один имеет встроенную поисковую систему...
Поисковая система встроена? Вы имеете в виду поле поиска, то есть текстовое поле, в которое вы можете вводить поисковые термины? Для этого вы хотите <input type="search">,
... а другой - маркетинговая копия, ведущая на страницу часто задаваемых вопросов.
Это действительно квалифицируется как "виджет"? Если это маркетинговая копия, "ведущая" к странице часто задаваемых вопросов, это звучит как ссылка на меня, которая семантически представлена в HTML начиная с версии 1 с <a> элемент.
HTML довольно прост, вы действительно не хотите его переосмысливать. Вам не нужны специальные теги для всего, что люди могут дать имя. (Что такое "виджет"? Разве это не просто раздел страницы?) Для большинства вещей <section> хорошо
Хотя HTML5 является большим улучшением, есть одна вещь, которую он не исправляет: субъективность того, что считается правильной семантикой для любой ситуации.
И я сомневаюсь, что HTML когда-нибудь исправит это.
Если вы уже используете контейнеры HTML5 для других, более очевидных частей страницы, я бы не стал слишком потеть в этих элементах. Вы могли бы поместить маркетинговые вещи в aside, Поиск можно считать формой nav, Но... я не думаю, что плохая карма придет к вам, если вы просто добавите их в пару divс, либо.;)