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

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

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

<h1>最重要的标题H1</h1>
<h2>次要栏目或标题-小标题H2</h2>
<h3>再次要栏目或分类小标题H3</h3>

zabbix 标签_zabbix 标签

二、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>