<strong>:強調重要性的元素

基線 廣泛可用

此功能已完善,可在許多裝置和瀏覽器版本上執行。它自以下日期起在瀏覽器中可用: 2015 年 7 月.

<strong> HTML 元素表示其內容具有很強的重要性、嚴重性或緊迫性。瀏覽器通常會以粗體形式呈現內容。

試一試

屬性

此元素僅包含 全域性屬性

使用說明

<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 角色 strong
允許的 ARIA 角色 任何
DOM 介面 HTMLElement

規範

規範
HTML 標準
# the-strong-element

瀏覽器相容性

BCD 表格僅在瀏覽器中載入

另請參閱