被人遗忘的html tags

 其实有很多html tags是极富于语义的，而在table布局大行其道后，很多语义化的标签就慢慢的被人们淡忘了。比如可能很多人一次都没见过的标签：dl, dt, dd, cite, q, dfn, ins, del, var等等。

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

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

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

2. cite和q, 良好引用

在写blog的时候，经常是要引用一些blogger的话语，那么可以用cite标签。一般的blog程序后代自带的blockquote，是用来引用大段的话，还必须包含块级元素，比如div, p等等。而且blockquote也自带一个cite属性，可以以URI标注资料的来源。cite标签则主要用来引用某人的话，如：

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

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. code, 表示是计算机代码

本文所用到的标签，都用<code>和</code>包围了起来，表示是计算机代码。而默认情况下，这些代码会用打字体表示。

6.button, 少用Input

button默认的表现和input type="submit"是一致的。从命名上来看，用作按钮当然以button为首选咯。

收藏此文 赞一下！() 打赏本站

如本文对您有帮助，就请建站学习网抽根烟吧！

支付宝打赏
微信打赏