源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

被人遗忘的html tags

  • 时间:2020-04-07 07:16 编辑: 来源: 阅读:
  • 扫一扫,手机访问
摘要:被人遗忘的html tags
其实有很多html tags是极富于语义的,而在table布局大行其道后,很多语义化的标签就慢慢的被人们淡忘了。比如可能很多人一次都没见过的标签:[code]dl[/code], [code]dt[/code], [code]dd[/code], [code]cite[/code], [code]q[/code], [code]dfn[/code], [code]ins[/code], [code]del[/code], [code]var[/code]等等。 1. [code]dl[/code], [code]dt[/code], [code]dd[/code]系列定义列表 网站重构让很多人知道了[code]ul[/code], [code]ol[/code]和[code]li[/code],但是在列表的家族里面还有一个[code]dl[/code],就是“定义列表”。比如说词典里面的词的解释、定义就可以用这种列表。 如: [code][b]<dl>[/b][/code] [code]<dt>Dog</dt>[/code] [code]<dd>A carnivorous mammal of the family Canidae.</dd>[/code] [code][b]</dl>[/b][/code] 2. [code]cite[/code]和[code]q[/code], 良好引用 在写blog的时候,经常是要引用一些blogger的话语,那么可以用[code]cite[/code]标签。一般的blog程序后代自带的[code]blockquote[/code],是用来引用大段的话,还必须包含块级元素,比如[code]div[/code], [code]p[/code]等等。而且[code]blockquote[/code]也自带一个[code]cite[/code]属性,可以以URI标注资料的来源。[code]cite[/code]标签则主要用来引用某人的话,如: [code]<p>And[b]<cite>[/b]Bob[b]</cite>[/b] said <q>No, I think it's a banana</q>.</p>[/code] 3. [code]dfn[/code], 下定义 比如: [code]<p>[b]<dfn title="Microsoft web browser">[/b]Internet Explorer[b]</dfn>[/b] is the most popular browser used underwater.</p>[/code] 4. [code]ins[/code], [code]del[/code], 插入和删除 知道[code]del[/code],就不要再用[code]<s>[/code]做删除线了,用[code]del[/code]显然更具有语义化。而且[code]del[/code]还带有[code]cite[/code]和[code]datetime[/code]来表明删除的原因以及删除的时间。[code]ins[/code]是表示插入,也有这样的属性。如: [code]<p>It really was[b]<ins cite="rarara.html" datetime="20031024">[/b]very[b]</ins>[/b] good.</p>[/code] 5. [code]code[/code], 表示是计算机代码 本文所用到的标签,都用<code>和</code>包围了起来,表示是计算机代码。而默认情况下,这些代码会用打字体表示。 6.[code]button[/code], 少用Input [code]button[/code]默认的表现和[code]input type="submit"[/code]是一致的。从命名上来看,用作按钮当然以button为首选咯。 这边谈及的还很少吧,但是我觉得是在写Blog时候比较常用的。RSS相对于html优势就在于清晰和简单的语义定义,其实html还是有很多有意义的标签,可以参考[url=http://www.w3.org/]w3.org[/url]的[url=http://www.w3.org/TR/html4/]相关页面[/url]。
  • 全部评论(0)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部