Разметка "Шаблон BBC" в HTML5 - PullRequest
4 голосов
/ 11 мая 2011

Я смотрю на сайт BBC и собираю что-то по похожему общему шаблону и определяю, как правильно его пометить, несколько озадачивает меня.

BBC состоит из нескольких сайтов, которые можно было бы считать самостоятельными:

(вместо этого все они могут быть поддоменами - действительно, это так для меня - но URL-адреса не важны)

Каждый из них, по сути, самодостаточен, со своим собственным содержанием, меню и внешним видом. Однако все они связаны между собой с помощью (слегка изменяемой, но в основном) статической строки заголовка. Он содержит заголовок «BBC» вместе со ссылками на все различные подсайты.

Так что вопрос в том, как это должно быть размечено. Я вижу несколько разных вариантов:

  1. Основной заголовок BBC - это основные <header> и <nav> сайта. Это в некотором роде правильно, потому что это, но в конечном итоге существенно снижает важность фактического содержания сайта. Когда это сводится к этому (чтобы использовать примеры выше), заголовок «Комедия» и связанное с ним меню является основным содержанием страницы, а не панелью BBC.

  2. Создайте заголовок и навигацию для сайтов, размеченных в <header> и <nav>. Это чувствует себя лучше, но тогда возникает вопрос о том, каков сейчас бар BBC? Можно использовать <aside>, который затем содержит свои <header> и <nav>. Насколько я знаю, это хорошо для заголовка, но наличие этого другого элемента <nav> все еще странно. Лучший вариант, чем выше?

  3. Сделайте то же самое, что и номер 1 (полоса BBC имеет основные <header> и <nav>), но разметьте остальную часть страницы внутри элемента <article>. Спецификация указывает, что элемент article должен использоваться для элементов, которые имеют смысл сами по себе, что здесь имеет место. И для него также будет иметь смысл иметь свой собственный <header><nav>? Это немного подталкивает?) Но это, похоже, расширяет определение «статьи», а не его словарное определение.

Мне, подумав об этом и обмениваясь идеями в Твиттере, номер 2 кажется лучшим из этих вариантов. Однако идея по сути поместить содержимое <aside> в качестве верхнего элемента на странице (визуально и в разметке, так как это кажется наиболее логичным в этом смысле) не совсем подходит мне.

Я пропускаю очевидное решение или это достаточно обычный шаблон, который делает себя настолько сложным, как кажется? И, конечно, я не могу быть единственным, кто ломает голову над этим?

Спасибо за любые мысли.

1 Ответ

1 голос
/ 11 мая 2011

Основной заголовок, как вы указали, должен быть отмечен в <header> и <nav>.

Затем я отмечу каждое дополнительное содержимое страницы в <article>, содержащем его собственные <header> и <nav>. Не обращайте внимания на словарное определение статьи, здесь оно не применимо. Хорошо иметь более одного элемента <nav> на странице, если его содержимое перемещается по сайту, это имеет смысл.

Поместить верхний заголовок в <aside> также, по-моему, не правильно, так как контент не сам по себе.

Только мои мысли на эту тему!

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...