淺析HTML標簽strong和em的區別_XHTML教程
教程Tag:暫無Tag,歡迎添加,賺取U幣!
淺析HTML標簽strong和em的區別,可以從三個層次上來談。
首先看 HTML 4.01 中的說明:
EM: Indicates emphasis.
STRONG: Indicates stronger emphasis.
em 表示強調,strong 表示更強烈的強調。言簡意賅,表明了 em 和 strong 的命名來歷。并且在瀏覽器中,em 默認用斜體表示,strong 用粗體表示。這是第一個層次上的區別。
em is for local emphasis. You see? Local emphasis. If you would emphasize a word in speech, use em.
strong is for global highlighting. When somebody looks at your document, at a glance, certain words and phrases should jump out. These are the words and phrases that make up the gist of the content — the highlights.
em 用來局部強調,strong 則是全局強調。從視覺上考慮,em 的強調是有順序的,閱讀到某處時,才會注意到。strong 的強調則是一種隨意無順序的,看見某文時,立刻就凸顯出來的關鍵詞句。斜體和粗體剛好滿足了這兩種視覺效果,因此也就成了 em 和 strong 的默認樣式。
感覺上面已經解釋得很清楚了?我們再來看看第三個層次上的區別。HTML5 草案 中做了詳盡解釋:
The em element represents stress emphasis of its contents. The placement of emphasis changes the meaning of the sentence.
The strong element represents strong importance for its contents. Changing the importance of a piece of text with the strong element does not change the meaning of the sentence.
em 表示內容的著重點(stress emphasis),strong 表示內容的重要性(strong importance),strong 不會改變所在句子的語意,em 則會改變所在句子的語義。并且舉了一個非常好的例子:
強調貓,討論的是哪種動物聰明可愛。
強調是,討論的是貓是不是聰明可愛。
強調聰明可愛,討論的是貓究竟是聰明可愛呢還是愚蠢討厭。
strong 表示的是重要性上的強調,不會引起句子意思的變化。最后注意 em 和 strong 都可以有多重,比如可以用兩個 strong 來表示內容很重要。
可以看出,第二個層次上所說的局部強調和全局強調是不夠準確的。em 和 strong 區別的玄妙處,在 HTML5 草案里才得到淋漓盡致的闡釋。推薦大家有時間的時候,仔細閱讀 HTML5 草案。有很多元素的語義,都闡釋得非常清楚,對于我們如何在最恰當的地方使用最恰當的標簽,非常具有價值。
em 是句意強調,加與不加會引起語義變化。
strong 是重要性強調,和局部還是全局無關,局部強調用strong也可以,strong強調的是重要性,不會改變句意。
首先看 HTML 4.01 中的說明:
EM: Indicates emphasis.
STRONG: Indicates stronger emphasis.
em 表示強調,strong 表示更強烈的強調。言簡意賅,表明了 em 和 strong 的命名來歷。并且在瀏覽器中,em 默認用斜體表示,strong 用粗體表示。這是第一個層次上的區別。
em is for local emphasis. You see? Local emphasis. If you would emphasize a word in speech, use em.
strong is for global highlighting. When somebody looks at your document, at a glance, certain words and phrases should jump out. These are the words and phrases that make up the gist of the content — the highlights.
em 用來局部強調,strong 則是全局強調。從視覺上考慮,em 的強調是有順序的,閱讀到某處時,才會注意到。strong 的強調則是一種隨意無順序的,看見某文時,立刻就凸顯出來的關鍵詞句。斜體和粗體剛好滿足了這兩種視覺效果,因此也就成了 em 和 strong 的默認樣式。
感覺上面已經解釋得很清楚了?我們再來看看第三個層次上的區別。HTML5 草案 中做了詳盡解釋:
The em element represents stress emphasis of its contents. The placement of emphasis changes the meaning of the sentence.
The strong element represents strong importance for its contents. Changing the importance of a piece of text with the strong element does not change the meaning of the sentence.
em 表示內容的著重點(stress emphasis),strong 表示內容的重要性(strong importance),strong 不會改變所在句子的語意,em 則會改變所在句子的語義。并且舉了一個非常好的例子:
示例代碼 [www.wf0088.com]
<p><em>Cats</em> are cute animals.</p>
強調貓,討論的是哪種動物聰明可愛。
示例代碼 [www.wf0088.com]
<p>Cats <em>are</em> cute animals.</p>
強調是,討論的是貓是不是聰明可愛。
示例代碼 [www.wf0088.com]
<p>Cats are <em>cute</em> animals.</p>
強調聰明可愛,討論的是貓究竟是聰明可愛呢還是愚蠢討厭。
示例代碼 [www.wf0088.com]
<p><strong>Warning.</strong> This dungeon is dangerous.
<strong>Avoid the ducks.</strong> Take any gold you find.
<strong><strong>Do not take any of the diamonds</strong>,
they are explosive and <strong>will destroy anything within
ten meters.</strong></strong> You have been warned.</p>
<strong>Avoid the ducks.</strong> Take any gold you find.
<strong><strong>Do not take any of the diamonds</strong>,
they are explosive and <strong>will destroy anything within
ten meters.</strong></strong> You have been warned.</p>
strong 表示的是重要性上的強調,不會引起句子意思的變化。最后注意 em 和 strong 都可以有多重,比如可以用兩個 strong 來表示內容很重要。
可以看出,第二個層次上所說的局部強調和全局強調是不夠準確的。em 和 strong 區別的玄妙處,在 HTML5 草案里才得到淋漓盡致的闡釋。推薦大家有時間的時候,仔細閱讀 HTML5 草案。有很多元素的語義,都闡釋得非常清楚,對于我們如何在最恰當的地方使用最恰當的標簽,非常具有價值。
em 是句意強調,加與不加會引起語義變化。
strong 是重要性強調,和局部還是全局無關,局部強調用strong也可以,strong強調的是重要性,不會改變句意。
相關XHTML教程:
- HTML5 INPUT placeholder及兼容性處理
- HTML表單里的Label標簽
- 淺析HTML與javascript中常用編碼
- CSS網頁布局中必須要了解的幾個XHTML標簽
- title和alt 標簽介紹及其異同
- 說說XHTML中的alt屬性和title屬性
- Semantics語義是Html Xhtml是否真正符合標準的重要部分
- 九個W3C XHTML1.0及CSS標準認證需要注意的問題
- 請注意頁面head區域的編碼是不是規范
- HTML validate - 驗證HTML代碼穿越多重瀏覽器標準
- XHTML具有語義的標簽:有關H1位置的討論
- HTML結構更加清晰、規范,學習HTML5優化結構的思路。
- 相關鏈接:
- 教程說明:
XHTML教程-淺析HTML標簽strong和em的區別。