HTML - abbr 标签_HTML 菜鸟教程

HTML <abbr> 标签用于表示较长单词或短语（如 www、HTTP）的缩写词、首字母缩略词或缩写形式。在某些浏览器中，<abbr> 标签之间写入的内容会以虚线呈现。<abbr> 标签使用可选属性，即 title。

<abbr> 标签可以与可选的 title 属性一起使用。当鼠标悬停在 <abbr> 标签之间的写入内容上时，这会在弹出窗口的帮助下向用户提供提示。

如果使用缩写，并且您希望在文档内容流之外提供扩展或定义，请使用 title 属性将 <abbr> 与适当的标题一起使用。

语法


<abbr title = "....">..</abbr>

属性

<abbr>标签支持 HTML 的全局属性和事件属性。

<abbr>标签的示例

下面的例子将明确 <abbr> 标签的目的，我们需要使用它。始终使用带有 <abbr>标签的 title 属性来获取所需的结果。

简单的<abbr>标签用法示例

在以下示例中，我们将创建一个使用缩写的 HTML 文档，而不提供扩展或描述。


<!DOCTYPE html>
<html>
<body>
	 <p>
			Using <abbr>HTML</abbr> 
			is fun and easy! 
	 </p>
	 <p>
			Very Good<abbr>GD</abbr> 
			Easy to learn! 
	 </p>
</body>
</html>

在缩写<abbr>标签上使用css样式

考虑以下示例，我们将在其中使用 <abbr> 标签并对其应用 CSS 属性。


<!DOCTYPE html>
<html>
<head>
	 <style>
			abbr {
				 font-variant: all-small-caps;
			}
	 </style>
</head>
<body>
	 <p>
			Using <abbr title="HyperText Markup Language">HTML</abbr> 
			is fun and easy! 
	 </p>
	 <p>
			<abbr title="Very Good">GD</abbr> 
			Easy to learn! 
	 </p>
</body>
</html>

在<abbr>标签文本上添加属性示例

让我们看一下下面的例子，我们将在其中使用 <abbr> 标签及其属性 “title”。


<!DOCTYPE html>
<html>
<body>
	 <p>Ashok's joke made me 
			<abbr title="Laugh Out Loud">LOL</abbr> 
			big time. 
	 </p>
	 <p>This is 
			<abbr title="Hyper-tax markup language">HTML</abbr>
	 </p>
</body>
</html>

支持的浏览器

浏览器
<abbr>	Yes	Yes	Yes	Yes	Yes

<< HTML - hr 标签 HTML - address 标签 >>