什么HTML5标签应该用于侧面徽标和导航?

时间:2011-07-07 23:42:13

标签: html5 semantic-markup

我的工作布局类似于this,不同之处在于徽标将位于导航菜单的顶部。

这将是元素的处置: Layout http://dl.dropbox.com/u/27937302/layout.png

我认为这应该非常简单,但我无法确定我应该使用哪些标签用于布局sidebarcontent的两个主要区域。

整个左侧边栏(包括徽标和主导航)是否应在<header>标记内? <aside>内有<div><header>的简单<nav>

内容方面怎么样?它可能有博客文章,投资组合条目,静态页面等。

考虑整个content区域必须以动态方式添加到主模板中。 此外,sidebar具有纹理背景的大图像,并且必须适合所有高度的浏览器。

提前致谢。

1 个答案:

答案 0 :(得分:1)

<nav>应包含导航,<footer>应包含页脚,<header>应包含徽标,还可能包含类别链接。但是,您应该有选择地设置position: fixed,如下所示:

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

#side-of-footer部分可能是很多东西,具体取决于实际的最终样式表,你想要的样子,以及当前标记的页脚部分(在你的设计中,左侧似乎是分开的从页脚和导航虽然没有理由这样做。)