: 重點重要元素

Baseline 已廣泛支援

此特性已相當成熟,可在許多裝置和瀏覽器版本上使用。自 ⁨2015 年 7 月⁩以來,各瀏覽器均已提供此特性。

<strong> HTML 元素表示其內容具有強烈的、嚴肅的或緊迫的重要性。瀏覽器通常以粗體顯示內容。

試一試

<p>
  ... the most important rule, the rule you can never forget, no matter how much
  he cries, no matter how much he begs:
  <strong>never feed him after midnight</strong>.
</p>
p {
  font-size: 1rem;
}

屬性

此元素僅包含全域性屬性

用法說明

<strong> 元素用於標記“有強烈重要性”的內容,包括非常嚴肅或緊急的事項(例如警告)。這可以是一句話對整個頁面非常重要,或者您只是想指出某些詞語比附近的內容更重要。

通常,此元素預設會以粗體字型顯示。但是,它應該用於應用粗體樣式;請為此目的使用 CSS font-weight 屬性。使用 <b> 元素來吸引對某些文字的注意,而無需指示更高的重要性級別。使用 <em> 元素來標記具有重音強調的文字。

<strong> 的另一個公認用途是表示頁面文字中代表註釋或警告的段落的標籤。

<b> 與 <strong>

新開發者經常對為什麼在渲染的網站上有多種表達相同事物的方式感到困惑。<b><strong> 可能是最常見的困惑來源,導致開發者問“我應該使用 <b> 還是 <strong>?它們難道不是做同一件事嗎?”

不完全是。<strong> 元素用於內容,而 <b> 元素用於吸引對文字的注意,而無需指示其更重要。

認識到兩者都是 HTML 中有效且語義化的元素,並且它們在大多數瀏覽器中具有相同的預設樣式(粗體),這可能有所幫助(儘管一些舊瀏覽器實際上會為 <strong> 新增下劃線)。每個元素都旨在用於特定的場景,如果您想為文字加粗以進行裝飾,則應實際使用 CSS font-weight 屬性。

您應根據所包含文字的預期含義或目的來決定使用哪個元素。傳達含義是語義的全部意義。

<em> 與 <strong>

使困惑加劇的是,HTML 4 將 <strong> 定義為表示“更強的強調”,而 HTML 5 將 <strong> 定義為表示“對其內容的強烈重要性”。這是一個重要的區別。

雖然 <em> 用於改變句子的含義,就像口語中的強調一樣(“我喜歡胡蘿蔔”與“我喜歡胡蘿蔔”),但 <strong> 用於為句子中的部分賦予額外的 গুরুত্ব(例如,“警告! 這是非常危險的。”)<strong><em> 都可以巢狀,以分別增加重要性或重音強調的相對程度。

示例

基本示例

html
<p>
  Before proceeding, <strong>make sure you put on your safety goggles</strong>.
</p>

結果

標記警告

html
<p>
  <strong>Important:</strong> Before proceeding, make sure you add plenty of
  butter.
</p>

結果

技術摘要

內容類別 流式內容語句內容、明顯內容。
允許內容 短語內容.
標籤省略 無;必須同時具有開始標籤和結束標籤。
允許父級 任何接受短語內容的元素,或任何接受流內容的元素。
隱式 ARIA 角色 粗體
允許的 ARIA 角色 任意
DOM 介面 HTMLElement

規範

規範
HTML
# the-strong-element

瀏覽器相容性

另見