<header> <h1>我是大头</h1>
</header> <article>
<header> <h1>我是脖子</h1>
</header> <p>我是身体</p>
</article>
2．Navigation
nav标签，从语义上看为导航，通常作为页面导航的 链接组，侧边栏导航。其使用方法如以下代码所示。
属性值 left right both none inherit
描述 在左侧不允许浮动元素 在右侧不允许浮动元素 在左右两侧均不允许浮动元素 默认值。允许浮动元素出现在两侧 规定应该从父元素继承 clear 属性的值。IE不支持该属性
表5-2 clear属性的值及其意义
12
案例一 构建企业网站新闻列表网页整体布局——浮动布局
<header> <h1>是我标签</h1>
</header> <p>我是段落</p>
<article> <div>我的内容</div>
</article>
</article>
section标签，从语义上看为局部，用于页面内容的独立 分块，往往是文章的一段，通常由内容和标题组成，没有标 题的内容不推荐使用section。其使用方法如以下代码所示。
〔a〕
〔b〕
图5-9 包含框无法容纳水平排列的3个浮动元素效果
14
案例一 构建企业网站新闻列表网页整体布局——浮动布局
五、常用的浮动布局方法
