HTML 提供了大量元素，可以增強您在 Web 上呈現內容的方式。雖然大多數開發人員熟悉<div> 、 <p>和<a>等標準標籤，但有一些鮮為人知的元素可能非常有用。以下是您可能不知道的五個獨特的 HTML 元素：
-
<q></q>標籤
<q>標籤定義一個短引號。它非常適合在文本中包含內嵌引號。
這是一個例子：
<q>Hi 👋, my name is Matin.</q>結果⤵️
嗨👋，我叫馬丁。
第二天<s></s>
<s> HTML 元素呈現帶有刪除線或穿過它的線的文字。使用<s>元素來表示不再相關或不再準確的事物。
這是一個例子：
<p>Old Price <s>100</s></p>
<p>New price 50</p>結果⤵️
舊價100
新價50
-
<mark></mark>標籤
<mark> HTML 元素表示因其與封閉上下文的相關性而標記或突出顯示的文本，以供參考或註釋之用。
這是一個例子：
<p>Hi, you should <mark>Follow me</mark> for more amazing content. Thanks!</p>結果⤵️
你好，你應該跟我來以獲得更多精彩內容。謝謝！
-
<ruby></ruby>標籤
<ruby> HTML 元素表示在基本文字上方、下方或旁邊呈現的小註釋，通常用於顯示東亞字元的發音。
這是一個例子：
<ruby>マティン <rp>(</rp><rt>Matin</rt><rp>)</rp></ruby>結果⤵️
晨報（馬丁）
-
<details></details>標籤
<details> HTML 元素建立一個公開小部件，其中只有當小部件切換到「開啟」狀態時資訊才可見。必須使用<summary>元素提供摘要或標籤。
這是一個例子：
<details open>
<summary>Details</summary>
Something small enough to escape casual notice.
</details>結果⤵️
這些獨特的 HTML 元素在特定場景中非常有用，可以增強 Web 內容的語意豐富性和功能性。下次建立網頁時，請考慮合併這些標籤以改善網站的使用者體驗和可存取性。
與我聯繫
如果您喜歡這篇文章並且想要聯繫，請隨時在 LinkedIn 上與我聯繫。我很樂意聯繫並分享更多有關軟體開發的見解！
原文出處：https://dev.to/matin676/5-unique-html-elements-you-might-not-know-1h9i
共有 0 則留言
文字內容提供幾種功能：
1) --- 會變成分隔線（上一行必須是空白）
2) # 會變成一級標題
3) ## 會變成二級標題
4) ### 會變成三級標題
5) **粗體文字**會顯示粗體文字
6) ```當第一行與最後一行會顯示程式碼
7) 請搜尋 Markdown 語法，了解各種格式
1) --- 會變成分隔線（上一行必須是空白）
2) # 會變成一級標題
3) ## 會變成二級標題
4) ### 會變成三級標題
5) **粗體文字**會顯示粗體文字
6) ```當第一行與最後一行會顯示程式碼
7) 請搜尋 Markdown 語法，了解各種格式
熱門文章