曾经被我们遗忘的一些极富于语义的HTML标签

其实有很多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="20070620">very</ins> good.</p>

5. code, 表示是计算机代码

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

6.button, 少用Input

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

这边谈及的还很少吧,但是我觉得是在写Blog时候比较常用的。RSS相对于html优势就在于清晰和简单的语义定义,其实html还是有很多有意义的标签,可以参考w3.org的相关页面。

时间: 2024-10-31 16:59:29

曾经被我们遗忘的一些极富于语义的HTML标签的相关文章

被人遗忘的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

被人遗忘的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>&l

记录是为了遗忘——印象笔记伴你成长

1 大脑擅长思考而不是记忆 我们的大脑并不擅长记忆,但是我们总觉得我们的大脑应该担当起这个责任.如果你忘记了什么事儿,第一个想法就是:"瞧我这脑子,什么都记不住."忘记事情的时候,甚至会怀疑自己是不是身体出现了问题,才会导致记忆力下降. 仔细想想,我们的大脑到底是用来做什么的?难道真的是为记忆而生的吗?牛顿在树下,看到苹果掉下来,结果一个伟大的物理发现就这样诞生了.伟大的科学家,却也有可能早晨出门的时候忘记带钥匙.大脑是智慧的象征,即使你不是科学家,你也会用你的聪明智慧,在某个领域创造

被遗忘的javascript的slice() 方法

  javascript数组对象的slice方法从数组中分离出一个子数组,功能类似于字符串对象的substring方法.今天我们就来详细探讨下javascript的这个不太常用的slice()方法. slice() 方法可从已有的数组中返回选定的元素. 好吧,我承认我竟然把它忘了! 这次我在回顾一下它 语法 arrayObject.slice(start,end) 数组.slice(起始,结束) ? 1 2 3 4 5 6 7 8 9 10 <script type="text/javas

被遗忘的HTML元素

众所周知,制作网页所用到的最基本的语言HTML主要是由著名的W3C组织来制定标准的.但由于IE和NetScape之间都在为击败对手不断地研究新的网页技术而竞争,就产生了不少新的HTML元素.这些新的HTML元素,有的被W3C组织所认证,发展成为所有的浏览器必须支持的HTML标准元素.但有的却仍不被别的浏览器所接受.特别是对于目前最主流的浏览器-IE和NetScape,出于各种方面的原因,总是有一些元素不能得到二者共同的支持.在实际的网页制作过程中,为了能使页面在所有的浏览器中都能正常显示,这样的

被人遗忘的利器:巧妙使用百度分享让网站受益匪浅

我们要做网站优化就要关注.依赖百度,因此无论百度算法还是百度产品的推出都会成为我们关注的焦点.一些百度产品还能被我们巧妙利用并成为我们的优化利器,如常见的百度知道.百度经验等等,这些工具都能为我们提供一个优质的外链平台,使我们优化网站更加轻松.然而,很多人却遗忘了一个利器:百度分享. 相对于文库.经验等产品,百度分享的知名程度的确相对较低,但并不代表其一无是处,相反百度分享有着强大的作用,现在不少网站也安装了百度分享,如下图: 百度分享的作用真的是那么明显吗?到底怎么运用才能让网站优化如虎添翼?

SEO中哪些被遗忘的重点

SEO是网络营销最为重要的方法之一,合理的利用SEO能够短暂而快速的提高网站整体关键词排名,从而获得价值不菲的流量,通过网站创造实质的价值.随着SEO的广泛应用,越来越多的被人们所熟知,营销者的思维也在逐渐发生变化,在很多情况下造成思维扭曲,忽略了SEO的初意:为了用户体验而做SEO,然而,很多情况下是过于注重SEO,从而忽视了用户体验.尤其是在网站设计中很容易被人们所忽略其重要性,很多用户体验并没有真正满足.SEO中哪些被遗忘的用户体验有哪些呢?在这里笔者经过思维整理也谈谈个人的观点,希望能与

被遗忘的“活化石”:BBS没落中求生

BBS,消失的江湖? 恐龙跟不上蜜蜂的脚步 如果让媒体和行业人士评价2012年比较失意的IT企业,估计很少有人会想起天涯.猫扑这样的网站--不是它们活得很好,而是在微博和微信夺人眼球的今天,传统的BBS社区真的快成为"被人遗忘的角落". 也正是这样的"用脚投票",让BBS社区们开始感觉到了一种清汤寡水的孤寂.热闹是微博和微信的,尽管曹国伟在今年已经开始亲自动手要提高微博的变现能力,但是至少微博还有着超过4亿的注册用户,而被微博打压下的BBS社区们,根本不敢指望还能拥

那些遗忘在角落的SEO技巧:关键词研究篇

大家好,我们在做SEO的时候,重点就是关键词研究,对于这一点,相信很多朋友的已经做的很好了,但是有不少的朋友因为关键词表现不错之后就对其中的一些SEO技巧进行了选择性的忽略,或者因为技巧太多,我们能够在一段时间内运用的或者说自己擅长的也就那么几个,而很多我们知晓却又被遗忘在角落的SEO技巧就是我今天要跟大家谈到的一个知识点. 首先,我们来回顾一下关键词研究的过程中我们要考虑的方向有三个: 1.关键词拓展和选取: 热门关键词(行业词或专业名词类,如SEO) 长尾关键词(地区,品牌,规格,型号,厂家