GreyX'SKY

blog的排版被我搞的一塌糊涂,主要是由于我乱改模板,copy 来很多style,而里面的css并不适用于我的blog.于是找了些资料,学习了下那些标签是什么用途的,才好定义.了解这些tag的意思以后也就不狂用div了

1. dl, dt, dd系列定义列表
2. cite,q,blockquote 良好引用
3. dfn, 下定义
4. ins, del, 插入和删除
5. abbr、acronym

1. dl, dt, dd系列定义列表

网站重构让很多人知道了ul, ol和li，但是在列表的家族里面还有一个dl，就是“定义列表”。比如说词典里面的词的解释、定义就可以用这种列表。

如：

<dl>
<dt>Dog</dt>
<dd>A carnivorous mammal of the family Canidae.</dd>
</dl>

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

2. cite,q,blockquote 良好引用

在写blog的时候，经常是要引用一些blogger的话语，那么可以用cite标签。一般的blog程序后代自带的blockquote，是用来引用大段的话，还必须包含块级元素，比如div, p等等。而且blockquote也自带一个cite属性，可以以URI标注资料的来源。cite标签则主要用来引用某人的话，
用来标记简短的单行引用。Web浏览器会自动识别在 之间的内容。不幸的是，IE不能识别，并且有些时候， 会引起一些可访问性(Accessibility)的问题。正因为如此，一些人建议尽量不要使用 ,手动的插入引用标记。在一个包含适当的类的 中加入单行的引用内容，那么就可以用CSS来给引用设计样式了，但是这个没有语义上的意义。 您可以读读Mark Pilgrim写的The Q tag (http://diveintomark.org/archives/2002/05/04/the_q_tag )关于处理相关问题的看法。
如：

<p>And <cite>Bob</cite> said <q>No, I think it's a banana</q>.</p>

<blockquote cite="http://www.w3cn.org/">
    <p>“我们大部分人都有深刻体验，每当主流浏览器版本的升级，我们刚建立的网站就可能变得过时，
    我们就需要升级或者重新建造一遍网站。例如1996-1999年典型的"浏览器大战"，
    为了兼容 Netscape 和 IE，网站不得不为这两种浏览器写不同的代码。同样的，
    每当新的网络技术和交互设备的出现，我们也需要制作一个新版本来支持这种新技术或新设备，
    例如支持手机上网的 WAP 技术。类似的问题举不胜举：网站代码臃肿、繁杂浪费了我们大量的带宽；
    针对某种浏览器的 DHTML 特效，屏蔽了部分潜在的客户；不易用的代码，残障人士无法浏览网站等等。
    这是一种恶性循环，是一种巨大的浪费。”</p>
</blockquote>

3. dfn, 下定义

如：

<p><dfn title="Microsoft web browser">Internet Explorer</dfn> is the most popular browser used underwater.</p>

4. ins, del, 插入和删除

知道del，就不要再用<s>做删除线了，用del显然更具有语义化。而且del还带有cite和datetime来表明删除的原因以及删除的时间。ins是表示插入，也有这样的属性。如：

<p>It really was <ins cite="rarara.html" datetime="20031024">very</ins> good.</p>

5.abbr、acronym

abbr标签是表示web页面上的简称，acronym标签为取首字母缩写。（注：这里把简称和缩写分开而论，简称范围比缩写大，取首字母的缩
写用acronym标签）Windows的IE6.0以下的浏览器暂不支持abbr标签。 在IE里，你可以应用CSS给acronym但是不能应用给abbr标签，
IE会为acronym标签的title属性显示提示，但是会忽略abbr标签。
解决方法见: http://www.w3cn.org/article/translate/2005/115.html
如:

<abbr title="Cascading Style Sheets">CSS</abbr>

<acronym title="Cascading Style Sheets">CSS</acronym>

标签： html