华山资源网

被人遗忘的html tags
网络编程 2024/12/23 佚名
3 1

其实有很多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的相关页面。

华山资源网 Design By www.eoogi.com
广告合作：本站广告合作请联系QQ：858582 申请时备注：广告合作（否则不回）
免责声明：本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除！
华山资源网 Design By www.eoogi.com
www.eoogi.com 华山资源网
120,135影音资源
344,641技术资源
22,817软件资源
435,032站长资源

更新日志

友情链接

杰晶网络 DDR爱好者之家 桃源资源网 杰网资源 富贵资源网 南强小屋 铁雪资源网 幽灵资源网 万梅资源网 狼山资源网 白云岛资源网 昆仑资源网 相思资源网 明霞山资源网 内蒙古资源网 黑松山资源网 茶园资源网 饿虎岗资源网 大旗谷资源网 常春岛资源网 岱庙资源网 兴国资源网 快活林资源网 蝙蝠岛资源网 帝王谷资源网 白云城资源网 伏龙阁资源网 清风细雨楼 天枫庄资源网 圆月山庄资源网 无争山庄资源网 神水资源网 移花宫资源网 神剑山庄资源网 无为清净楼资源网 金钱帮资源网 丐帮资源网 华山资源网 极乐门资源网 小李飞刀资源网 凤求凰客栈 风云阁资源网 金狮镖局 鸳鸯亭资源网 千金楼资源网 更多链接
华山资源网 Design By www.eoogi.com