HTML - <abbr> 标签

HTML <abbr> 标签用于表示缩写、首字母缩写词或较长单词或短语的简写形式，例如 www、HTTP。在某些浏览器中，<abbr> 标签之间编写的內容会以点线显示。<abbr> 标签使用可选属性，即 title 属性。

<abbr> 标签可以与 title 属性一起使用，该属性是可选的。当鼠标悬停在 <abbr> 标签之间编写的內容上时，这将通过弹出窗口为用户提供提示。

当使用缩写并且想要在文档内容流之外提供扩展或定义时，请使用带有适当 title 属性的 <abbr>。

语法

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

属性

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

HTML abbr 标签示例

下面的示例将阐明 abbr 标签在 html 中的用途以及我们何时需要使用它。始终将 title 属性与 abbr 标签一起使用以获得所需的结果。

无描述的缩写

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

<!DOCTYPE html>
<html>
<body>
   <p>
      Using <abbr>HTML</abbr> 
      is fun and easy! 
   </p>
   <p>
      Tutorialspoint <abbr>TP</abbr> 
      Easy to learn! 
   </p>
</body>
</html>

在缩写上应用样式

考虑以下示例，我们将使用 <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="Tutorialspoint">TP</abbr> 
      Easy to learn! 
   </p>
</body>
</html>

带属性的缩写文本

让我们来看一下下面的例子，我们将使用 <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	是	是	是	是	是

html_tags_reference.htm

打印页面