侧面徽标和导航应使用哪些 HTML5 标签?

发布于 2024-11-19 03:51:03 字数 736 浏览 2 评论 0原文

我正在使用类似于 this 的布局,不同之处在于徽标将位于导航菜单。

这将是元素的配置: 布局 http://dl.dropbox.com/u/27937302/layout.png

我认为这应该非常简单,但我无法让自己确定应该为布局的两个主要区域使用哪些标签 sidebar内容

整个左侧边栏(包括徽标和主导航)是否应该位于

标记内?

内容方面呢?它可能有博客文章、作品集条目、静态页面等。

考虑到整个内容区域必须动态添加到主模板中。 此外,侧边栏有一个大图像作为纹理背景,并且它必须适合所有高度的浏览器。

提前致谢。

I'm working in a layout similar to this, with the difference that the logo will be on top of the navigation menu.

This will be the disposition of elements:
Layout http://dl.dropbox.com/u/27937302/layout.png

I think this should be really simple, but i can't get myself to know for sure which tags should i use for the two main areas of the layout sidebar and content.

Should the whole left sidebar (including logo and main navigation) be inside a <header> tag? <aside> a simple <div> with <header> and <nav> inside?

What about the content side? it might have blog posts, portfolio entries, static pages, etc.

Consider that the whole content area will have to be dinamically added to the main template.
Also, the sidebar has a big image for textured background and it has to fit all height browsers.

Thanks in advance.

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

猥琐帝 2024-11-26 03:51:03

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

#side-of-footer 部分可能有很多内容,具体取决于实际的最终样式表、如何您希望内容看起来如何,以及页脚部分当前如何标记(在您的设计中,左侧似乎与页脚和导航分开,尽管没有理由这样做)。

<nav> should contain the navigation, <footer> should contain the footer, and <header> should contain the logo, and possibly also the category links. However, you should then selectively set position: fixed, something like this:

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

The #side-of-footer part could be lots of things depending on the actual final stylesheet, how you want things to look, and how that footer part is currently marked up (in your design, the left side appears to be separate from both the footer and navigation though there is no reason for that).

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文