适当的HTML结构

前端之家收集整理的这篇文章主要介绍了适当的HTML结构前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
在开发网站时,我一直在阅读有关最佳实践的内容.但我仍然很好奇,因为找到的答案大多是各种各样的,取决于项目的范围和许多其他考虑因素.

但是为了缩短它,基本上我想问一个网站中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>

猜你在找的HTML相关文章