其实有很多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为首选咯。
这边谈及的还很少吧,但是我觉得是在写Blog时候比较常用的。RSS相对于html优势就在于清晰和简单的语义定义,其实html还是有很多有意义的标签,可以参考w3.org的相关页面。 |
请发表评论