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

列印頁面