這篇文章主要聊一聊 HTML5 中的 和 ，以及 和 。

從頁面顯示效果來看，被 和 包圍的文字將會被加粗，而被 和 包圍的文字將以斜體的形式呈現。那大家可能就會疑惑了，既然效果一樣，那為什么還要重復定義標簽呢？這就要從 HTML5 的一個最大的特性 -- 語義化來談了。

不得不說， 和 創建之初就是簡單地表示粗體和斜體樣式，但現在是 HTML5 的天下。語義化是 HTML5 最大的特性之一，而所有被 HTML5 保留的標簽都帶有其特有的語義， 和 也不例外，它們分別被重新賦予了語義。相比較而言，標簽的樣式反而變得無足輕重，所以上面所講的兩組標簽，雖然樣式上表現極其相似，但其實語義上各有側重。

下面就來一一介紹這 4 個標簽。

根據 W3C 對 的定義：

The i element represents a span of text in an alternate voice or mood, or otherwise offset from the normal prose in a manner indicating a different quality of text, such as a taxonomic designation, a technical term, an idiomatic phrase from another language, transliteration, a thought, or a ship name in Western texts.

翻譯一下就是：

i 元素代表在普通文本中具有不同語態或語氣的一段文本，某種程度上表明一段不同特性的文本，比如一個分類學名稱，一個技術術語，一個外語習語，一個音譯，一個想法，或者西方文本中的一艘船名。

// 分類學名稱

The Felis silvestris catus is cute.

// 術語

The term prose content is defined above.

// 外語習語

There is a certain je ne sais quoi in the air.

根據 W3C 對 的定義：

The b element represents a span of text to which attention is being drawn for utilitarian purposes without conveying any extra importance and with no implication of an alternate voice or mood, such as key words in a document abstract, product names in a review, actionable words in interactive text-driven software, or an article lede.

翻譯一下就是：

b 元素代表側重實用目的而不帶有任何額外重要性也不暗示不同語態或語氣的一段文本，比如一段文本摘要中的關鍵詞、一段審查中的產品名稱、文本驅動軟件中的可執行語句或者一篇文章的導語。

// 下面的 b 元素起到突出關鍵詞的作用，但不具備強調重要性的作用

The frobonitor and barbinator components are fried.

// 下面的 b 元素讓被包圍的詞特殊化

You enter a small room. Your sword glows

brighter. A rat scurries past the corner wall.

// 下面的 b 元素標注了文章的導語

Kittens 'adopted' by pet rabbit

Six abandoned kittens have found an

unexpected new mother figure — a pet rabbit.

Veterinary nurse Melanie Humble took the three-week-old

kittens to her Aberdeen home.

...

根據 W3C 對 的定義：

The em element represents stress emphasis of its contents.

翻譯一下就是：

em 元素代表對其內容的強調

強調位置的不同通常會帶來整個句子含義的變化。看下面舉的例子：

// 這是一句不帶任何強調的句子

Cats are cute animals.

// em 包圍 Cats，強調貓是種可愛的動物，而不是狗或者其他動物

Cats are cute animals.

// em 包圍 are，代表句子所說是事實，來反駁那些說貓不可愛的人

Cats are cute animals.

// em 包圍 cute，強調貓是一種可愛的動物，而不是有人說的刻薄、討厭的動物

Cats are cute animals.

// 這里強調貓是動物，而不是植物

Cats are cute animals.

根據 W3C 對 的定義：

The strong element represents strong importance, seriousness, or urgency for its contents.

翻譯一下就是：

strong 元素代表內容的強烈的重要性、嚴重性或者緊急性。

重要性

元素可以被用在標題(heading)、說明(caption)或者段落(paragraph)上，來顯示這部分被包圍的文字的重要性。

// 章節序號不重要，章節的名字才重要

Chapter 1: The Praxis

嚴重性

元素可以被用來標記警告或者警示標志。

Warning. This dungeon is dangerous.

緊急性

元素可以被用來表示需要被盡快看見的部分。

需要注意的是， 元素僅僅對文本內容的重要性、嚴重性或緊急性產生作用，而不像 對句子含義進行改變。

Welcome to Remy, the reminder system.

Your tasks for today:

• Turn off the oven.

• Put out the trash.

• Do the laundry.

小結

用于對文本內容進行強調，強調位置的不同通常會改變句子的含義。如果僅僅在語態或語氣上為了突出某一個文本，那應該使用 。但如果為了突出某一部分的重要性、嚴重性或緊急性，那應該使用 。根據 W3C 對 元素的說明， 元素應當是在其他標簽都不合適的情況下最后一個考慮使用的標簽。相同的，在考慮使用 之前，也要想想是否用 、、 或 等元素更合適。

結語

人類的語言真是個偉大的發明，為數不多的單詞、文字的組合便能組合成數不勝數、含義千差萬別的句子，而同一個句子又可能因為不同的語音語調導致含義天壤之別，這同時也是自然語言處理的瓶頸之處。正因為如此，HTML5 才會定義那么多像 b/strong、i/em 這樣差別微小的標簽吧。

總結

以上是生活随笔為你收集整理的oracle em中查看jiob,HTML5 中的 b/strong、i/em 详解的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。