网页布局标签的运用

       合适的HTML标签组织文档是CSS网页布局的基础。避免过多使用或单一使用div标签进行网页布局，多标签组合使用不但网页结构具有条理性对搜索引擎排名也有好处。

一、h1 h2 h3等标签适当使用

        h1 h2 h3标签常用在一个网页中唯一标题、重要栏目、重要标题等情形下，<h1>代表最重要的，<h6>代表相对最不重要的，因此，根据这个递减，适当安排关键词。如果需要控制这些标题标签的大小、背景、宽度、高度、加粗都可以通过css来实现对其样式重新定义。

<h1>最重要的标题H1</h1>

<h2>次要栏目或标题-小标题H2</h2>

<h3>再次要栏目或分类小标题H3</h3>

二、em标签适当使用

      在布局局部小参数、时间等我们可以使用 em标签来布局，em定义内容强调作用。em标签修饰的内容都是用斜体字来显示，布局前可以将em标签默认斜体样式去掉，再设置想要的CSS样式。（如果只想使用斜体字来显示文本的话，使用 i 标签）

三、b标签或strong标签适当使用

      b加粗标签是比较早的html出现使用加粗功能标签，而strong稍后一点，至今所有浏览器都支持这两者加粗功能

四、ul li列表使用 

1、常用于文章标题列表排版

2、常用于图片列表排版布局

3、属于无序列表

4、赋予CSS样式，即可实现各种有规律的列表内容布局

5、ul标签下不能直接放内容或其它标签，即使要放都必须放入li标签内，而li标签内可以再放ul ol等格式各样标签。

<ul>

    <li>文章标题一</li>

    <li>文章标题二</li>

    <li>文章标题三</li>

</ul>

ol  li列表标签默认样式li是有序规律数字显示，ol li标签不常用，通常使用ul li列表标签。

五、dl dt dd组合标签使用

        dl  dt  dd是一组合标签，使用了dt dd最外层就必须使用dl包裹，此组合标签我们也又叫表格标签，与table表格类似组合标签，也叫dl表格。标签dt与dd处于dl下同级。也就是dt不能放入dd内，dd不能放入dt内。

<dl>

<dt>列表标题</dt>

<dd>列表内容</dd>

<dd>列表内容</dd>

</dl>