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