首页 » 编程语言 » html » 正文

HTML元素abbr标签的用法及作用

HTML元素中的<abbr> 标签是单词“abbreviation”的缩写,其中文意思也是“缩写”。<abbr> 标签最初是在 HTML 4.0 中引入的,表示该标签所包含的文本元素是一个更长的单词或短语的缩写。 

<abbr>标签定义

<abbr> 标签是用来标记一个缩写词或缩略词;

<abbr>是双标签,和<span>一样属于行内元素;

 <abbr> 标签可以被所有主流浏览器都支持;

 <abbr> 标签不支持IE 6 或更早版本的 IE 浏览器。

<abbr>标签作用

通过对缩写词语进行标记,您就能够为浏览器、拼写检查程序、翻译系统以及搜索引擎分度器提供有用的信息。

比如,被<abbr> 标签的缩略词会出现斜体或下划线等不同的样式效果,不同的浏览器对其呈现的样式效果也不相同,也有浏览器不会有任何效果!

<abbr>标签语法

<abbr>标签书写格式如下:

<abbr  title="缩略词的全称">缩略词</abbr>

title属性用来描述缩略词的完整名称,可以告诉浏览器、拼写检查程序、翻译系统以及搜索引擎该缩略词的

完整名称;

在某些浏览器中,当您把鼠标移至带有 <abbr> 标签的缩略词上时,会出现 title 属性描述缩略词的全称。

<abbr>标签用法

1、首字母缩略词

首字母缩略词的用法,主要用于英文全称的缩写比较多;

<abbr title="Hyper Text Marku Language"> HTML </abbr> 
<abbr title="Cascading Style Sheets"> CSS</abbr> 
<abbr title="Java Script">JS </abbr>

以上代码在IE浏览器中显示效果如下:

2019-12-02_151205.png

2、非英文缩略词

<abbr>标签也可以用于对非英文全称的文本字符的缩写或简称,比如,中文汉语词组的简写,

<abbr title="中华人民共和国">中国 </abbr>

3、解释性简写词

这个用法,主要体现在titlle属性值的描述信息是对简写词的语义或范围的解释;

2019-12-02_154637.png

如上图中,tiltlle属性描述的文字,并不仅仅是js缩略词的全称,而是对JS缩略词进行解释和说明性的文字。



欢迎您发表评论或留言