被人遗忘的html tags_经验交流

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

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

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

2. citeq, 良好引用
在写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还带有citedatetime来表明删除的原因以及删除的时间。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的相关页面。

时间: 2024-09-17 04:49:06

被人遗忘的html tags_经验交流的相关文章

DIV+CSS布局中不推荐使用的标签集合Dont Use These Tags_经验交流

做DIV+CSS页面,不推荐使用的标签代码,请尽量不要使用这些HTML标签: Do not use these html elements in html pages.  Presentational elements should not be used.  Support for some elements has been (or will be) deprecated; they should not be used.  Don't Use These Tags  Presentatio

层盖住下拉列表框问题解决方案_经验交流

IE6真的让人很郁闷.但是就目前而言,我们还是不能放弃对IE6的兼容.从下面的我的blog访问统计分析数据来看,使用IE6的还是占有绝对主流的.列表框问题解决方案_经验交流-下拉列表">本来想顺便说说web标准中这个"标准"到底是个什么东西,但是发现,还是明日另起一篇吧.因为这个不是"顺便说说"就能说清楚的.我们今天还是不如这个正题--如何让层盖住下拉列表框? 非常郁闷或者非常幸运的说一下:这个问题只会出现IE7之前那些对web标准支持不好的浏览器中

重点推荐的开展对外贸易电子商务平台经验交流推介会(四川)成功举办

为进一步帮助四川企业克服地处内陆.信息不畅和物流成本高的困难,鼓励企业利用http://www.aliyun.com/zixun/aggregation/7871.html">电子商务平台开拓国际市场,商务部外贸司于2012年11月26日在成都举办重点推荐的开展对外贸易电子商务平台经验交流推介会.此次推介会,有来自全省103家企业.14个市(州)商务系统单位的136人参加.推介会邀请到了国内外知名的.开展对外贸易的电子商务网站的专家,给四川省各级商务主管部门和外贸企业传经送宝,为进外贸企业

Lotus经验交流群:93214150,欢迎你!

问题描述 Lotus经验交流群:93214150,欢迎你! 解决方案 解决方案二:....解决方案三:ggg

采集程序设计经验交流(二)——下载网页

中介交易 http://www.aliyun.com/zixun/aggregation/6858.html">SEO诊断 淘宝客 云主机 技术大厅 采集程序设计经验交流(二)--下载网页(1) "小网站本不需要维护,只是因为你的程序太笨了,所以你成了无休止的网站维护者." 网页下载方法1(XMLHTTP应用) 用到的对象:XMLHTTP,只需三行代码,即可完成网页下载: 第一步:创建对象 Set ms = CreateObject("Microsoft.XM

一个让人遗忘的角落Exception(二)

在上一篇中"一个被人遗忘的角落"中,跟大家简单介绍了一下Exception,也使大家充分的了解了Exception管理在一个项目中的重要性,那如何在我们的项目中处理异常呢?因为我从事的是Web开发,所以我只跟大家讨论Web的解决方案,Win的解决方式,还希望同大家一起探讨. 上一章中我们了解了异常发生的原因,同时也说了不存在没有bug的程序,任何网站都会遇到各种各样的问题,无论是大网站还是小网站都会存在,但大公司和小公司对待异常的态度全然不同,一个是主动出击,一个是守株待兔,我们是好的

xhtml+css网页制作中常见问题解决方法_经验交流

无论是谁,在制作页面的过程都是会碰到这样或者那样的问题,出了问题就肯定要解决.解决问题的前提是要知道问题出在什么地方,对于新手来说不一定一看到问题就知道问题出在哪里.比如在IE6中"多了一只猪"的问题,对于一些问题需要更多的经验交流分享吸收后才能更好的成长. 在网络中我想大家都有提过问题,需要别人解答的时候,但往往是你的一个问题却得不到任何人给你的解答,或者说是完全被无视了.对于这个时候的你,是不是在想"难道是因为我这个问题太简单了,他们都不想回答""他们

艾伟:一个让人遗忘的角落—Exception(二)

在上一篇中"一个被人遗忘的角落"中,跟大家简单介绍了一下Exception,也使大家充分的了解了Exception管理在一个项目中的重要性,那如何在我们的项目中处理异常呢?因为我从事的是Web开发,所以我只跟大家讨论Web的解决方案,Win的解决方式,还希望同大家一起探讨. 上一章中我们了解了异常发生的原因,同时也说了不存在没有bug的程序,任何网站都会遇到各种各样的问题,无论是大网站还是小网站都会存在,但大公司和小公司对待异常的态度全然不同,一个是主动出击,一个是守株待兔,我们是好的

几乎被设计师遗忘了的标签fieldset legend_经验交流

Dascom News Last Amish shooting victim to be released from hospital Last Amish shooting victim to be released from hospital Last Amish shooting victim to be released from hospital Last Amish shooting victim to be released from hospital Last Amish sho