HTML 5 具有有趣的功能,可以使用最少的程式碼編寫 HTML 網頁變得更簡單。它提供了一組豐富的有趣標籤來設計網頁元素。一個這樣的標籤很有用,它被稱為。標籤。這個標籤用於一次性定義和顯示縮寫。 HTML abbr 標籤將允許我們定義縮寫或首字母縮寫的完整形式,瀏覽器通常會在網頁上顯示字母的簡短版本,但將滑鼠懸停在這些縮寫上時,瀏覽器將顯示完整形式的自動出現該縮寫詞。
;標籤通常與
<abbr> PFA </abbr>
這只會顯示簡單的文本,沒有任何意義。假設我們要使用上面縮寫的指定完整形式,即 PFA,則
<abbr title = "Please Find Attached" > PFA </abbr>
在這裡,我們將顯示標題定義為短格式,但同時,我們使用 定義了它的完整形式。標籤以及
屬性:如我們在語法中看到的,標題標籤與 一起使用時,會顯示標題標籤。標籤成為一個屬性並為其指派特殊功能。否則,沒有更多特定標籤可與 一起使用。標籤,但是這個標籤 ;支援 HTML 中預設提供的全域屬性和事件屬性。
以下是實作 HTML 縮寫標籤的範例:
在此範例中,我們可以看到沒有標題標籤的簡單縮寫。
代碼:
<!DOCTYPE html> <html> <head> <title> abbr tag in HTML </title> <style> body { text-align: left ; } </style> </head> <body> <abbr > PFA </abbr> </body> </html>
輸出: 將是以下簡單文本,
在此範例中,我們可以看到帶有標題標籤的縮寫。
代碼:
abbr tag in HTML <abbr title = "Please Find Attached" > PFA </abbr>
輸出: 將是帶有有點底線的縮寫。
如果我們嘗試將滑鼠懸停在其上,它將顯示我們以與工具提示類似的方式給出的標題。
在這裡,我們使用 CSS 樣式元素字體樣式作為 上的斜體。標籤。
代碼:
abbr tag in HTML while writing an email, generally <abbr title = "Please Find Attached" > PFA </abbr> is used
輸出:
讓我們在 上使用更多 CSS 樣式元素。標籤。
代碼:
abbr tag in HTML while writing an email, generally <abbr title = "Please Find Attached" > PFA </abbr> is used
輸出:
在這裡,我們使用 CSS 樣式元素將首字母縮寫設為粗體和紅色。
讓我們修改同一範例以添加更多樣式和設計。
代碼:
abbr tag in HTML while writing an email, generally <abbr title = "Please Find Attached" > PFA </abbr> is used
輸出:
在上面的每個範例中,嘗試將滑鼠懸停在我們使用的首字母縮寫(即 PFA)上方,並查看瀏覽器將如何顯示我們分配給它的標題。
所以,我們已經看到了 HTML 5 中引入的標籤。該標籤提供了定義縮寫或首字母縮寫並一次性顯示其標題或詳細資訊的方法。我們已經看到了 的多個例子。屬性。此標籤沒有此類特殊屬性。
以上是HTML 縮寫標籤的詳細內容。更多資訊請關注PHP中文網其他相關文章!