在开发网站时,我一直在阅读有关最佳实践的内容.但我仍然很好奇,因为找到的答案大多是各种各样的,取决于项目的范围和许多其他考虑因素.
但是为了缩短它,基本上我想问一个网站中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>