HTML缩写元素: <abbr>-超文本标记语言| MDN

网友投稿 852 2022-05-30

html的缩写元件()表示的缩写或首字母缩写; optionaltitle属性可以提供缩写的扩展名或说明。如果存在,则title必须包含此完整描述,而不能包含其他任何内容。

属性

该元素仅支持全局属性。title当与元素一起使用时,该属性具有特定的语义含义。它必须包含完整的人类可读描述或缩写的扩展。当鼠标光标悬停在元素上时,此文本通常由浏览器显示为工具提示。

您使用的每个元素都独立于其他所有元素;title为某人提供不会自动将相同的扩展文本附加到具有相同内容文本的其他扩展文本。

典型用例

当然,不需要使用标记所有缩写。但是,在某些情况下,这样做有帮助:

当使用缩写并且您想在文档内容流之外提供扩展名或定义时,请使用适当的title。

要定义读者可能不熟悉的缩写,请使用和来title提供术语,并提供定义的属性或内联文本。

当需要在语义上标注缩写的出现时,该元素很有用。依次将其用于样式或脚本编写目的。

您可以与一起使用来为缩写词或首字母缩略词建立定义。请参见下面的示例定义缩写。

语法注意事项

在具有语法编号的语言(即,项数影响句子语法的语言)中,在title属性中使用与元素内部相同的语法编号。这在具有两个以上数字的语言(例如阿拉伯语)中尤为重要,但在英语中也与此相关。

默认样式

某些浏览器(例如Internet Explorer)的样式与元素的样式不同。

Opera,Firefox和其他一些元素在元素的内容上添加了一个虚线下划线。

一些浏览器不仅添加了虚线下划线,而且还大写了下划线。为了避免这种样式,在CSS中添加类似内容可以解决这种情况。font-variant: none

例子

在语义上标记缩写

要标记缩写但不提供扩展名或描述,请使用不带任何属性的字符,如本例所示。

HTML

Using HTML is fun and easy!

结果

样式缩写

您可以使用CSS设置用于缩写的自定义样式,如以下简单示例所示。

HTML

Using CSS, you can style your abbreviations!

CSS

abbr { font-variant: all-small-caps; }

结果

提供扩展

通过添加title属性,您可以提供缩写或首字母缩写的扩展名或定义。

HTML

Ashok's joke made me LOL big time.

结果

定义缩写

您可以串联使用,以更正式地定义缩写,如此处所示。

HTML

HTML is a markup language used to create the semantics and structure of a web page.

A Specification (spec) is a document that outlines in detail how a technology or API is intended to function and how it is accessed.

HTML缩写元素: <abbr>-超文本标记语言| MDN

结果

无障碍问题

首次在页面上完全使用首字母缩写词或缩写时,特别有助于内容理解,尤其是在内容是技术或行业术语的情况下,这有助于帮助人们理解它。

例子

JavaScript Object Notation (JSON) is a lightweight data-interchange format.

这对于不熟悉内容中讨论的术语或概念的人,对语言不熟悉的人以及有认知问题的人特别有用。

规格

浏览器兼容性

HTML

版权声明:本文内容由网络用户投稿,版权归原作者所有,本站不拥有其著作权,亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容,请联系我们jiasou666@gmail.com 处理,核实后本网站将在24小时内删除侵权内容。

上一篇:25岁后,做什么事可以受益匪浅
下一篇:一个SpringMVC接口能返回JSON又能返回XML? 安排!
相关文章