Какие теги HTML5 следует использовать для бокового логотипа и навигации? - PullRequest
Новая
       11

Какие теги HTML5 следует использовать для бокового логотипа и навигации?

2 голосов
/ 08 июля 2011

Я работаю в макете, похожем на this , с той разницей, что логотип будет в верхней части меню навигации.

Это будет расположение элементов: Макет http://dl.dropbox.com/u/27937302/layout.png

Я думаю, это должно быть действительно просто, но я не могу точно знать, какие теги следует использовать для двух основных областей макета sidebar и content.

Должна ли вся левая боковая панель (включая логотип и основную навигацию) быть внутри тега <header>?<aside> простой <div> с <header> и <nav> внутри?

А как насчет контента?это могут быть сообщения в блоге, записи портфолио, статические страницы и т. д.

Учтите, что вся область content должна быть динамически добавлена ​​к основному шаблону.Кроме того, sidebar имеет большое изображение для текстурированного фона и должно соответствовать всем браузерам высоты.

Заранее спасибо.

1 Ответ

1 голос
/ 08 июля 2011

<nav> должен содержать навигацию, <footer> должен содержать нижний колонтитул, а <header> должен содержать логотип и, возможно, также ссылки на категории. Однако вам следует выборочно установить position: fixed, что-то вроде этого: 

#logo, nav, #side-of-footer {
    position: fixed;
}

В части #side-of-footer может быть много вещей, в зависимости от фактической окончательной таблицы стилей, от того, как вы хотите, чтобы вещи выглядели, и от того, как эта нижняя часть в настоящий момент размечена (в вашем дизайне левая сторона кажется отделенной нижний колонтитул и навигация, хотя для этого нет причин).

...