Каков подходящий элемент HTML 5 для единицы/витрины героя?

Многие рекламные и контент-тяжелые сайты демонстрируют основной контент страницы с использованием большого текста и/или изображений, иногда с помощью слайдера, содержащего призыв к действию для регистрации на услугу или загрузку приложения и т.д. Я не уверен, что этот элемент дизайна вызван, я получил термин "единица героя" из бутстрапа twitter:

http://twitter.github.com/bootstrap/components.html#typography

Я думаю, что большинство из вас знает, что я пытаюсь описать... Если это не ясно, я могу добавить скриншоты или ссылки на этот вопрос.

Я просмотрел несколько разных сайтов, а некоторые поместили этот элемент героя внутри элемента ASIDE, другие используют SECTION, ARTICLE и даже HEADER. Использование twitter bootstrap в качестве примера снова:

<header class="jumbotron masthead">
  <div class="inner">
    <h1>Bootstrap, from Twitter</h1>
    <p>Simple and flexible HTML, CSS, and Javascript for popular user interface components and interactions.</p>
    <p class="download-info">

Является ли HEADER наиболее подходящим тегом для этого типа контента? Или я должен использовать ASIDE, ARTICLE или SECTION?

Ответ 1

Из врача HTML5, где обсуждается, как разметить основной контент:

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

Поэтому я бы просто обернул ваш "блок героя" в section. Каждая связанная группа содержимого на странице должна быть сгруппирована в свой собственный section, причем первый раздел является началом основного содержимого.

Однако я бы предпочел, чтобы часто предлагать HTML5 outliner. Кроме того, ознакомьтесь с HTML, излагающим статью в Mozilla Developers Network, это было действительно полезно для меня.

Ответ 2

Я бы предложил посмотреть спецификацию w3 для каждого из тегов, которые вы планируете использовать, и прочитать примеры описания и использования. Конечно, вам нужно только рассмотреть дебаты, порожденные, казалось бы, простым вопросом, например когда использовать тег статьи, чтобы понять, что этот материал довольно субъективны. Однако, читая спецификацию, вы сможете лучше сформулировать свое мнение:

Я действительно думаю, что тэг header должен содержаться в дополнительном элементе секционирования, чтобы он не был иерархически равным другим заголовкам страницы внутри содержащего его элемента. Какой должен быть этот элемент секционирования, будет зависеть от содержимого вашей "единицы героя" и того, как этот контент относится к остальной части страницы.

Наконец, часто проверяйте свою работу в HTML5 документе, чтобы получить представление о структуре вашего нового раздела и страницы, которая содержит его,