我的工作布局类似于this,不同之处在于徽标将位于导航菜单的顶部。
这将是元素的处置: Layout http://dl.dropbox.com/u/27937302/layout.png
我认为这应该非常简单,但我无法确定我应该使用哪些标签用于布局sidebar
和content
的两个主要区域。
整个左侧边栏(包括徽标和主导航)是否应在<header>
标记内? <aside>
内有<div>
和<header>
的简单<nav>
?
内容方面怎么样?它可能有博客文章,投资组合条目,静态页面等。
考虑整个content
区域必须以动态方式添加到主模板中。
此外,sidebar
具有纹理背景的大图像,并且必须适合所有高度的浏览器。
提前致谢。
答案 0 :(得分:1)
<nav>
应包含导航,<footer>
应包含页脚,<header>
应包含徽标,还可能包含类别链接。但是,您应该有选择地设置position: fixed
,如下所示:
#logo, nav, #side-of-footer {
position: fixed;
}
#side-of-footer
部分可能是很多东西,具体取决于实际的最终样式表,你想要的样子,以及当前标记的页脚部分(在你的设计中,左侧似乎是分开的从页脚和导航虽然没有理由这样做。)