em 和 strong 的區別，可以從三個(gè)層次上來(lái)談。
首先看 HTML 4.01 中的說(shuō)明：
EM: Indicates emphasis.
STRONG: Indicates stronger emphasis.
em 表示強調，strong 表示更強烈的強調。言簡(jiǎn)意賅，表明了 em 和 strong 的命名來(lái)歷。并且在瀏覽器中，em 默認用斜體表示，strong 用粗體表示。這是第一個(gè)層次上的區別。
第二個(gè)層次上，在 Emphasis in context versus overall highlighting 和 em vs. 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 用來(lái)局部強調，strong 則是全局強調。從視覺(jué)上考慮，em 的強調是有順序的，閱讀到某處時(shí)，才會(huì )注意到。strong 的強調則是一種隨意無(wú)順序的，看見(jiàn)某文時(shí)，立刻就凸顯出來(lái)的關(guān)鍵詞句。斜體和粗體剛好滿(mǎn)足了這兩種視覺(jué)效果，因此也就成了 em 和 strong 的默認樣式。
感覺(jué)上面已經(jīng)解釋得很清楚了？我們再來(lái)看看第三個(gè)層次上的區別。HTML5 草案 中做了詳盡解釋?zhuān)?/FONT>
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 表示內容的著(zhù)重點(diǎn)（stress emphasis），strong 表示內容的重要性（strong importance），strong 不會(huì )改變所在句子的語(yǔ)意，em 則會(huì )改變所在句子的語(yǔ)義。并且舉了一個(gè)非常好的例子：
<p><em>Cats</em> are cute animals.</p>
強調貓，討論的是哪種動(dòng)物聰明可愛(ài)。
<p>Cats <em>are</em> cute animals.</p>
強調是，討論的是貓是不是聰明可愛(ài)。
<p>Cats are <em>cute</em> animals.</p>
強調聰明可愛(ài)，討論的是貓究竟是聰明可愛(ài)呢還是愚蠢討厭。
<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 表示的是重要性上的強調，不會(huì )引起句子意思的變化。最后注意 em 和 strong 都可以有多重，比如可以用兩個(gè) strong 來(lái)表示內容很重要。
可以看出，第二個(gè)層次上所說(shuō)的局部強調和全局強調是不夠準確的。em 和 strong 區別的玄妙處，在 HTML5 草案里才得到淋漓盡致的闡釋。推薦大家有時(shí)間的時(shí)候，仔細閱讀 HTML5 草案。有很多元素的語(yǔ)義，都闡釋得非常清楚，對于我們如何在最恰當的地方使用最恰當的標簽，非常具有價(jià)值。
最后，在 前端與民工 一文的回復中，以及收到的郵件里，很遺憾的沒(méi)有發(fā)現有誰(shuí)知道第三個(gè)層次上的區別。因此準備的禮品（我還真準備了10份），很落寞的發(fā)不出去了。不過(guò)這篇文章僅是個(gè)引子，接下來(lái)準備用一系列文章來(lái)探討HTML中元素的語(yǔ)義。禮品的承諾繼續有效，留給下一個(gè)話(huà)題：
請闡述dl的語(yǔ)義，并列舉至少5種使用場(chǎng)景。
可以查閱資料，將結果貼在回復里，或郵件發(fā)送給我都可以，禮物有限，前10個(gè)答對的必送。
補充：和一些朋友又討論了下，最后我的看法是：
em 是句意強調，加與不加會(huì )引起語(yǔ)義變化。
strong 是重要性強調，和局部還是全局無(wú)關(guān)，局部強調用strong也可以，strong強調的是重要性，不會(huì )改變句意。
您發(fā)布的評論即表示同意遵守以下條款:
一、不得利用本站危害國家安全、泄露國家秘密,不得侵犯國家、社會(huì )、集體和公民的合法權益;
二、不得發(fā)布國家法律、法規明令禁止的內容;互相尊重,對自己在本站的言論和行為負責;
三、本站對您所發(fā)布內容擁有處置權。
蘇公網(wǎng)安備 32070502010230號