abbr和acronym标签的使用

很多人都喜欢使用缩略词来表述特定的事物或是事件，这样做的好处是方便快递地传达信息，而不用每次都去打那么长的文字，特别是对于重复出现的词汇。例如XFN，如果知道的人自然会明白是xhtml Friends Network，可是还有很多没听过的人呢？这种情况下就要用到园子介绍的两个标签——abbr与acronym。

这两个标签的大致用途是一样的，但是也还是有细节上的不同。总结如下：

<abbr></abbr>的作用是表明标签中的内容为缩写形式。例如：

   <abbr title=”World Wide Web”>WWW</abbr >

   <acronym></acronym>的作用是表明标签中的内容是首字母缩写词。例如：

   <acronym title=”Radio detecting and ranging”> Radar</acronym>

一般来讲acronym要比abbr在英文中常用，但是在中文正好相反。因为中文中没有首字母缩写。也许有首字缩写但这也比较少有。例如：中华人民共和国，简称是中国；全国人民代表大会，简称是人代会；这些都不是首字缩写，这里园子倒是觉得文中出现中国成语的时候应该使用abbr。当然光只有这个标签还不行，因为只知道他是个缩略词还不行，至少还要给出详细的名称啊。所以这两个标签在使用的时候还要再加上一个title属性。正确的写法应该是这样的。

  <acronym title=”European Computer Manufacturers Association”>ECMA</acronym>

  <abbr title=”这个是介绍XHTML知识的专题”>XHTML专题</abbr>

在浏览器上并不会直接显示title里的内容，只有当鼠标移动到那个位置后才会出现悬浮提示。当然一般缩写标签只在缩略词第一次出现的时候使用，以后文章中再出现就可以不用了。在使用<abbr>还有一个问题，就是IE6及以下版本的IE浏览器并不认识这个标签，不过也有变相解决的方式，例如用插入span的方式来代替。

说到这里还有一种情况，有的时候，一个词别人不一定知道是什么，但又不是缩略语，这就用到了<dfn>标签，例如：

  <p><dfn title=”Mozilla公司推出的一款网页浏览器”>Firefox</dfn>作为开发工具很不错。</p>

它有点像我们写文章时的：“Firefox（Mozilla基金会推出的一款网页浏览器）作为开发工具很不错”，dfn英文原意是definition，也就是术语定义的意思。

转载自园子博客

转载于:https://www.cnblogs.com/canuseethat/archive/2010/06/23/1763673.html

abbr和acronym标签的使用相关推荐

strong标签和b标签，dfn标签，abbr和acronym标签，em和i标签完整介绍
strong和b标签 b标签是HTML的内容,strong是XHTML的内容,strong比b标签更标准化两者都可在网页上使字体加粗,strong是逻辑元素,b是物理元素. 物理元素强调的是一种物理 ...
常用HTML标签美化博文
行百里者半九十,写博客亦是如此. 绞尽脑汁写完一篇博文未经排版就直接发到博客中,无论文章是多么的好,由于排版的问题总会让部分人敬而远之,因为排版的问题给人以距离感岂不是可惜了好文章!好文章是思想的结晶 ...
《重构HTML改善Web应用的设计》读书笔记
下面是读书笔记,若有错误或不足,欢迎指出.一起交流,共同进步:http://www.cnblogs.com/chemandy/ ---------------------------------- ...
word文档粘贴到html,将Word 文档复制到Dreamweaver的方法
将Word 文档复制到Dreamweaver的方法一.用复制的办法. 1.打开Word 文档,复制文本. 2.在Dreamweaver 中,从"编辑"菜单中使用"粘贴& ...
html/html5学习
1. img标签可使用usemap属性, 需要指定map的name或者id(有的浏览器用name, 有的用id), usemap引用map的时候要在map name或者id前加#. map标签可以指定 ...
html5页面之间传值_HTML5和您所知道的之间的区别
html5页面之间传值 While they are referred to in different ways by WHATWG, the development of HTML5 could b ...
acronym与abbr
有的时候为了方便传阅或者记忆,比如一句话太长,我们就会将其缩短些.或简单的缩句,或进行特殊的减短,如取首字母. 那么在HTML如何来标识这些缩略词呢?一般我们会使用到2个标签,一个是acronym,另 ...
我的第五个网页制作：pre、html转义、abbr标签的使用
1 <!doctype html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 < ...
添加议题模块html,WordPress 技巧：为评论模块增加更多 HTML 标签支持
WordPress 原生的评论模块内容,支持使用 HTML 标签来增强评论内容的格式和效果.但是这肯定会带来一些安全隐患,特别是评论这种随便一个浏览者都可以提交数据的地方,容易产生跨站攻击(XSS), ...
HTML中div标签的一个简单的使用和介绍
<!-- 什么是块级元素: 块级元素的特点: 总是在新行开始高度,行高和外边距和内边距都可以进行控制宽度缺省的容器是100% 除非是设置一个宽度可以容纳其他的文本和其他的内联元素内联元素 ...

abbr和acronym标签的使用

abbr和acronym标签的使用相关推荐

最新文章

热门文章