在开发网站时,我一直在阅读有关最佳实践的内容.但我仍然很好奇,因为找到的答案大多是各种各样的,取决于项目的范围和许多其他考虑因素.
但是为了缩短它,基本上我想问一个网站中3个主要元素的正确格式.
>标题
>主/身
>页脚
如何构建结构？这三个应该包装在这样的容器中：
- <div class="wrap">
- <div class="header"></div>
- <div class="body"></div>
- <div class="footer"></div>
- </div>
如何进行造型？我看到有些人建议使用position：绝对用于CSS,而有些人则使用相对而不是.对于这个非常基本的问题感到抱歉,但在我目前的学习中,我对此感到非常困惑.
解决方法
HTML 5示例.现在最好的布局宽度是960. .content {width：960px}
- <!-- Outer Div -->
- <div id="content">
- <!-- Inner Content -->
- <div id="content-inner">
- <!-- header -->
- <header>
- <div class="header">
- <div id="header_wrapper"></div>
- </div>
- </header>
- <!-- body -->
- <div id="content-body">
- <section></section>
- <section></section>
- </div>
- </div>
- <!-- footer -->
- <footer>
- <div class="footer">
- <div id="footer_wrapper"></div>
- </div>
- </footer>
- </div>
