|
em 和 strong 的區(qū)別，可以從三個(gè)層次上來(lái)談。
首先看 HTML 4.01 中的說(shuō)明：
EM: Indicates emphasis.
STRONG: Indicates stronger emphasis.
em 表示強(qiáng)調(diào)，strong 表示更強(qiáng)烈的強(qiáng)調(diào)。言簡(jiǎn)意賅，表明了 em 和 strong 的命名來(lái)歷。并且在瀏覽器中，em 默認(rèn)用斜體表示，strong 用粗體表示。這是第一個(gè)層次上的區(qū)別。
第二個(gè)層次上，在 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 用來(lái)局部強(qiáng)調(diào)，strong 則是全局強(qiáng)調(diào)。從視覺(jué)上考慮，em 的強(qiáng)調(diào)是有順序的，閱讀到某處時(shí)，才會(huì)注意到。strong 的強(qiáng)調(diào)則是一種隨意無(wú)順序的，看見(jiàn)某文時(shí)，立刻就凸顯出來(lái)的關(guān)鍵詞句。斜體和粗體剛好滿足了這兩種視覺(jué)效果，因此也就成了 em 和 strong 的默認(rèn)樣式。
感覺(jué)上面已經(jīng)解釋得很清楚了？我們?cè)賮?lái)看看第三個(gè)層次上的區(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 不會(huì)改變所在句子的語(yǔ)意，em 則會(huì)改變所在句子的語(yǔ)義。并且舉了一個(gè)非常好的例子：
<p><em>Cats</em> are cute animals.</p>
強(qiáng)調(diào)貓，討論的是哪種動(dòng)物聰明可愛(ài)。
<p>Cats <em>are</em> cute animals.</p>
強(qiáng)調(diào)是，討論的是貓是不是聰明可愛(ài)。
<p>Cats are <em>cute</em> animals.</p>
強(qiáng)調(diào)聰明可愛(à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 表示的是重要性上的強(qiáng)調(diào)，不會(huì)引起句子意思的變化。最后注意 em 和 strong 都可以有多重，比如可以用兩個(gè) strong 來(lái)表示內(nèi)容很重要。
可以看出，第二個(gè)層次上所說(shuō)的局部強(qiáng)調(diào)和全局強(qiáng)調(diào)是不夠準(zhǔn)確的。em 和 strong 區(qū)別的玄妙處，在 HTML5 草案里才得到淋漓盡致的闡釋。推薦大家有時(shí)間的時(shí)候，仔細(xì)閱讀 HTML5 草案。有很多元素的語(yǔ)義，都闡釋得非常清楚，對(duì)于我們?nèi)绾卧谧钋‘?dāng)?shù)牡胤绞褂米钋‘?dāng)?shù)臉?biāo)簽，非常具有價(jià)值。
最后，在 前端與民工 一文的回復(fù)中，以及收到的郵件里，很遺憾的沒(méi)有發(fā)現(xiàn)有誰(shuí)知道第三個(gè)層次上的區(qū)別。因此準(zhǔn)備的禮品（我還真準(zhǔn)備了10份），很落寞的發(fā)不出去了。不過(guò)這篇文章僅是個(gè)引子，接下來(lái)準(zhǔn)備用一系列文章來(lái)探討HTML中元素的語(yǔ)義。禮品的承諾繼續(xù)有效，留給下一個(gè)話題：
請(qǐng)闡述dl的語(yǔ)義，并列舉至少5種使用場(chǎng)景。
可以查閱資料，將結(jié)果貼在回復(fù)里，或郵件發(fā)送給我都可以，禮物有限，前10個(gè)答對(duì)的必送。
補(bǔ)充：和一些朋友又討論了下，最后我的看法是：
em 是句意強(qiáng)調(diào)，加與不加會(huì)引起語(yǔ)義變化。
strong 是重要性強(qiáng)調(diào)，和局部還是全局無(wú)關(guān)，局部強(qiáng)調(diào)用strong也可以，strong強(qiáng)調(diào)的是重要性，不會(huì)改變句意。
本文鏈接：http://m.95time.cn/tech/web/2008/6342.asp 
出處：歲月如歌
責(zé)任編輯：bluehearts
◎進(jìn)入論壇網(wǎng)頁(yè)制作、WEB標(biāo)準(zhǔn)化版塊參加討論，我還想發(fā)表評(píng)論。
|
