html縮寫元素: ＜abbr＞-超文本標記語言| MDN

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.

結果

無障礙問題

首次在頁面上完全使用首字母縮寫詞或縮寫時，特別有助于內容理解，尤其是在內容是技術或行業術語的情況下，這有助于幫助人們理解它。

例子

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

這對于不熟悉內容中討論的術語或概念的人，對語言不熟悉的人以及有認知問題的人特別有用。

規格

瀏覽器兼容性

HTML

版權聲明：本文內容由網絡用戶投稿，版權歸原作者所有，本站不擁有其著作權，亦不承擔相應法律責任。如果您發現本站中有涉嫌抄襲或描述失實的內容，請聯系我們jiasou666@gmail.com 處理，核實后本網站將在24小時內刪除侵權內容。

版權聲明：本文內容由網絡用戶投稿，版權歸原作者所有，本站不擁有其著作權，亦不承擔相應法律責任。如果您發現本站中有涉嫌抄襲或描述失實的內容，請聯系我們jiasou666@gmail.com 處理，核實后本網站將在24小時內刪除侵權內容。