陈超群’s Blog

在上篇的结尾，重点提到了h标签，做SEO，最先考虑的标签就是它了，先来看看它的含义吧。
<h1>、<h2>、<h3>、<h4>、<h5>、<h6>,作为标题使用，并且依据重要性递减。<h1>是最高的等级。在网页里的文章中，最要突出的标题用<h1>其它按重要性放就好了。如果你用<div class=”title”>文档标题</div>，或者<span class=”title”>文档标题</span>.很明显搜索引擎对于后者是不会认为他是标题的。
下面看看一些常见标签的含义

<p>
段落标记，知道了<p>作为段落，你就不会再使用<br/>来换行了，而且不需要<br/><br/>来区分段落与段落。<p></p>中的文字会自动换行，而且换行的效果优于<br>。段落与段落之间的空隙也可以利用CSS来控制，很容易而且清晰的区分出段落与段落。在利用行高(line-height)很容易的定义出行间距，再定义首字下沉等效果，那就挺完美了。

<ul>、<ol>、<li>

<ul>无序列表，很常见的到了大家广泛的使用，我在开发中用得最多的，只要是模排导航或者竖排列表，都用它。在web标准化过程中，<ul>还被更多的用于导航条，本来导航条就是个列表，这样做是完全正确的，而且当你的浏览器不支持CSS的时候，导航链接仍然很好使，就是美观方面差了一点。<ol>有序列表也挺常用。

<div>、<span>
在开发中这两个经常用的标签你知道他们的详细区别吗？可能大多数朋友都知道div是独占一行，而span不是。其它就不清楚了。div全称为division，标签可以把文档分割为独立的、不同的部分。它可以用作严格的组织工具，并且不使用任何格式与其关联。如果用 id 或 class 来标记 <div>，那么该标签的作用会变得更加有效。在XHTML中，元素被分为块级元素和行级元素，div属于块级无素，SPAN则属于行级元素。在 HTML 4.01 中，div 元素的 “align” 属性不被赞成使用。在 XHTML 1.0 Strict DTD 中，div 元素的 “align” 属性不被支持。
<span> 标签被用来组合文档中的行内元素。span没有固定的格式表现。当对它应用样式时，它才会产生视觉上的变化。

<dl>、<dt>、<dd>
dl就是“定义列表”。比如说词典里面的词的解释、定义就可以用这种列表。例如：

<dl>
    <dt>上海滩</dt>
    <dd>这部拍摄于1980年的《上海滩》堪称是香港电视史上最成功、最经典的剧集。
    当年在香港播出以后，产生了巨大的轰动效应。</dd>
    <dt>周润发</dt>
    <dd>和所有伟大的影星一样，周润发印证了一个时代，一个香港电影的黄金时代。
风衣墨镜、冷血双枪、阳光微笑，都封存胶片之中，当我们回首寻望的时候，发哥已被刻为一个时代的坐标。</dd>
</dl>

<em>、 <strong>、<b>、<i>
<em> 是用作强调的，<strong>是用作重点强调的。 大部分浏览器用斜体显示强调的内容，用粗体来显示重点强调的内容，然而，这是没有必要的，如果是为了确定强调内容的显示方式，最好的方法就是使用CSS来定义他们的表现。当你想要的只是视觉上的效果时，就不要使用强调了。而且如果你想要强调但是还觉得粗体或者斜体不视觉效果没那么好，特别是斜体对于中文来说，那么你完全可以定义一些其他的比较醒目的样式达到强调的效果。
<b>为粗体，<i>为斜体搜索引擎会给与这四个标记更高的权重。 如果你过量使用他们可是弊大于利的，实际会造成损失重点，但如果小心处理，可为你的文档增色不少。

以上都是开发中最常用到的标签，下一篇再说说其它不常用的标签吧，我也不是全部都知道，从网上看一点记录下来，做个笔记吧！

下一篇：理解标签语义化(三)