CSS:em 和 strong 的區(qū)別

表現(xiàn)

em vs strong

在瀏覽器中恋拷,<em> 默認(rèn)用斜體表示资厉,<strong> 用粗體表示。從樣式表現(xiàn)上蔬顾,<strong> 更加突出宴偿,更容易吸引眼光。顯然阎抒,這種視覺上的差異設(shè)計(jì)是有目的的酪我。

程度

EM: Indicates emphasis.
STRONG: Indicates stronger emphasis.

HTML 4.01 的說明 中,em 表示強(qiáng)調(diào)且叁,strong 表示更強(qiáng)烈的強(qiáng)調(diào)。從兩者視覺樣式上的特點(diǎn)來說秩伞,這種“程度上”的解釋確實(shí)有道理逞带。

但把二者放在一大段落、一遍文章中時(shí)纱新,讀者第一眼肯定注意到的是粗體的 strong展氓,而很難第一時(shí)間找到斜體不加粗的 em,因此往往是當(dāng)讀者讀到某一處時(shí)脸爱,才會(huì)發(fā)現(xiàn)這種強(qiáng)調(diào)遇汞,與 strong 的這種不看內(nèi)容但立刻就凸顯出關(guān)鍵詞句的強(qiáng)調(diào)相比,em 更偏向于用來局部強(qiáng)調(diào)簿废,而strong 則是全局強(qiáng)調(diào)空入。

因此,光從二者強(qiáng)調(diào)程度上的強(qiáng)弱已經(jīng)不足以說明其區(qū)別族檬。

語(yǔ)意

HTML 5 中歪赢,進(jìn)一步規(guī)定了兩者的區(qū)別:

The em element represents stress emphasis of its contents.
The strong element represents strong importance, seriousness, or urgency for its contents.

MDN 中也將兩者進(jìn)行了對(duì)比,Emphasis vs. Strong

While in HTML4, Strong simply indicated a stronger emphasis, in HTML5, the element is described as representing "strong importance for its contents." This is an important distinction to make. While Emphasis is used to change the meaning of a sentence ("I love carrots" vs. "I love carrots"), Strong is used to give portions of a sentence added importance (e.g., "Warning! This is very dangerous.") Both Strong and Emphasis can be nested to increase the relative degree of importance or stress emphasis, respectively.

em 和 strong 已經(jīng)不可以再用 HTML4 中從強(qiáng)調(diào)的程度來簡(jiǎn)單區(qū)分差別了单料。

  • em 表示內(nèi)容的著重點(diǎn)(stress emphasis)埋凯,放置的位置會(huì)改變所在句子的含義。
  • strong 表示內(nèi)容的重要性(strong importance)扫尖,強(qiáng)調(diào)句子的重要性而不會(huì)改變所在句子的語(yǔ)意白对。

例子

注:下面的例子中,斜體為 em换怖,粗體為 strong甩恼。

Cats are cute animals.
強(qiáng)調(diào)貓,討論的是哪種動(dòng)物聰明可愛。

Cats are cute animals.
強(qiáng)調(diào)是媳拴,討論的是貓是不是可愛黄橘。

Cats are cute animals.
強(qiáng)調(diào)可愛,討論的是貓究竟是可愛還是不可愛屈溉。

"Warning! This is very dangerous".
strong 表示的是重要性上的強(qiáng)調(diào)塞关,不會(huì)引起句子意思的變化。

<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>

注:em 和 strong 均可嵌套來增強(qiáng)其程度子巾。

參考

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末帆赢,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子线梗,更是在濱河造成了極大的恐慌椰于,老刑警劉巖,帶你破解...
    沈念sama閱讀 218,607評(píng)論 6 507
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件仪搔,死亡現(xiàn)場(chǎng)離奇詭異瘾婿,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)烤咧,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,239評(píng)論 3 395
  • 文/潘曉璐 我一進(jìn)店門偏陪,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人煮嫌,你說我怎么就攤上這事笛谦。” “怎么了昌阿?”我有些...
    開封第一講書人閱讀 164,960評(píng)論 0 355
  • 文/不壞的土叔 我叫張陵饥脑,是天一觀的道長(zhǎng)。 經(jīng)常有香客問我懦冰,道長(zhǎng)灶轰,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,750評(píng)論 1 294
  • 正文 為了忘掉前任儿奶,我火速辦了婚禮框往,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘闯捎。我一直安慰自己椰弊,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,764評(píng)論 6 392
  • 文/花漫 我一把揭開白布瓤鼻。 她就那樣靜靜地躺著秉版,像睡著了一般。 火紅的嫁衣襯著肌膚如雪茬祷。 梳的紋絲不亂的頭發(fā)上清焕,一...
    開封第一講書人閱讀 51,604評(píng)論 1 305
  • 那天,我揣著相機(jī)與錄音,去河邊找鬼秸妥。 笑死滚停,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的粥惧。 我是一名探鬼主播键畴,決...
    沈念sama閱讀 40,347評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼,長(zhǎng)吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼突雪!你這毒婦竟也來了起惕?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 39,253評(píng)論 0 276
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤咏删,失蹤者是張志新(化名)和其女友劉穎惹想,沒想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體督函,經(jīng)...
    沈念sama閱讀 45,702評(píng)論 1 315
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡嘀粱,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,893評(píng)論 3 336
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了辰狡。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片草穆。...
    茶點(diǎn)故事閱讀 40,015評(píng)論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖搓译,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情锋喜,我是刑警寧澤些己,帶...
    沈念sama閱讀 35,734評(píng)論 5 346
  • 正文 年R本政府宣布,位于F島的核電站嘿般,受9級(jí)特大地震影響段标,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜炉奴,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,352評(píng)論 3 330
  • 文/蒙蒙 一逼庞、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧瞻赶,春花似錦赛糟、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,934評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)。三九已至师逸,卻和暖如春司倚,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 33,052評(píng)論 1 270
  • 我被黑心中介騙來泰國(guó)打工动知, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留皿伺,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 48,216評(píng)論 3 371
  • 正文 我出身青樓盒粮,卻偏偏與公主長(zhǎng)得像鸵鸥,于是被迫代替她去往敵國(guó)和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子拆讯,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,969評(píng)論 2 355

推薦閱讀更多精彩內(nèi)容