em 和 strong 的區(qū)別，可以從三個層次上來談。

首先看 HTML 4.01 中的說明：

EM: Indicates emphasis. STRONG: Indicates stronger emphasis.

em 表示強(qiáng)調(diào)，strong 表示更強(qiáng)烈的強(qiáng)調(diào)。言簡意賅，表明了 em 和 strong 的命名來歷。并且在瀏覽器中，em 默認(rèn)用斜體表示，strong 用粗體表示。這是第一個層次上的區(qū)別。

第二個層次上，在?Emphasis in context versus overall highlighting?和?em vs. strong?這兩篇文章中，做了很好的總結(jié)：

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 用來局部強(qiáng)調(diào)，strong 則是全局強(qiáng)調(diào)。從視覺上考慮，em 的強(qiáng)調(diào)是有順序的，閱讀到某處時，才會注意到。strong 的強(qiáng)調(diào)則是一種隨意無順序的，看見某文時，立刻就凸顯出來的關(guān)鍵詞句。斜體和粗體剛好滿足了這兩種視覺效果，因此也就成了 em 和 strong 的默認(rèn)樣式。

感覺上面已經(jīng)解釋得很清楚了？我們再來看看第三個層次上的區(qū)別。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 表示內(nèi)容的著重點(diǎn)（stress emphasis），strong 表示內(nèi)容的重要性（strong importance），strong 不會改變所在句子的語意，em 則會改變所在句子的語義。并且舉了一個非常好的例子：

<p><em>Cats</em> are cute animals.</p>

強(qiáng)調(diào)貓，討論的是哪種動物聰明可愛。

<p>Cats <em>are</em> cute animals.</p>

強(qiáng)調(diào)是，討論的是貓是不是聰明可愛。

<p>Cats are <em>cute</em> animals.</p>

強(qiáng)調(diào)聰明可愛，討論的是貓究竟是聰明可愛呢還是愚蠢討厭。

<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 表示的是重要性上的強(qiáng)調(diào)，不會引起句子意思的變化。最后注意 em 和 strong 都可以有多重，比如可以用兩個 strong 來表示內(nèi)容很重要。

可以看出，第二個層次上所說的局部強(qiáng)調(diào)和全局強(qiáng)調(diào)是不夠準(zhǔn)確的。em 和 strong 區(qū)別的玄妙處，在 HTML5 草案里才得到淋漓盡致的闡釋。推薦大家有時間的時候，仔細(xì)閱讀 HTML5 草案。有很多元素的語義，都闡釋得非常清楚，對于我們?nèi)绾卧谧钋‘?dāng)?shù)牡胤绞褂米钋‘?dāng)?shù)臉?biāo)簽，非常具有價值。

最后，在?前端與民工?一文的回復(fù)中，以及收到的郵件里，很遺憾的沒有發(fā)現(xiàn)有誰知道第三個層次上的區(qū)別。因此準(zhǔn)備的禮品（我還真準(zhǔn)備了10份），很落寞的發(fā)不出去了。不過這篇文章僅是個引子，接下來準(zhǔn)備用一系列文章來探討HTML中元素的語義。禮品的承諾繼續(xù)有效，留給下一個話題：

請闡述dl的語義，并列舉至少5種使用場景。

可以查閱資料，將結(jié)果貼在回復(fù)里，或郵件發(fā)送給我都可以，禮物有限，前10個答對的必送。

補(bǔ)充：和一些朋友又討論了下，最后我的看法是：

em 是句意強(qiáng)調(diào)，加與不加會引起語義變化。 strong 是重要性強(qiáng)調(diào)，和局部還是全局無關(guān)，局部強(qiáng)調(diào)用strong也可以，strong強(qiáng)調(diào)的是重要性，不會改變句意

本文來源于成都網(wǎng)站建設(shè)公司與成都網(wǎng)站設(shè)計制作公司-創(chuàng)新互聯(lián)成都公司！

網(wǎng)站標(biāo)題：HTML標(biāo)記em和strong的區(qū)別
文章起源：http://www.rwnh.cn/news12/310112.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供企業(yè)建站、網(wǎng)站維護(hù)、微信小程序、App設(shè)計、App開發(fā)、外貿(mào)網(wǎng)站建設(shè)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)