當我們使用HTML標籤時,要清楚知道標籤除了具有一定的語義外,還有預設的樣式,例如<b> (加粗)、 <em> (傾斜)等,透過這些標籤我們無需借助CSS 就可以為網頁中的內容定義樣式。在這些具有語義和預設樣式的標籤中,有許多是針對文字的,透過這些標籤我們可以格式化文字(為文字添加樣式),例如使文字加粗、傾斜或添加下劃線等。
HTML 文字格式化都有哪些?
舉例說明:
(1)<b>加粗文字</b>
(2)<i>斜體文本</i>
(3)<code>電腦自動輸出</code>
(4)這是<sub>下標</sub> 和<sup>上標</sup>
上面這四個是我們常會使用的,下面把HTML中許多用來格式化文字的標籤列出來,以便大家日後尋找和記錄:
依照作用的不同,可以根據文字意思和作用,將這些格式化文字的標籤分為兩類:
(1)實體標籤:這類標籤用來為設定文字的外觀;
(2)邏輯標籤:這類標籤用來賦予文字一些邏輯或語意值。
透過上表可以看出,有些標籤的呈現效果雖然相同,但語意卻不同,例如<strong>和<b>標籤、<em>和<i>標籤,以下就來詳細介紹一下。
● <strong>和<b>標籤之間的區別
同一點:b和strong都是使字體加粗。
區別一:
但是strong的語意性更強烈,對於優化搜尋來說更好,能讓它知道你這裡面的內容的語意效果,b只對視覺效果進行了強調,而語意上沒有幫助。
區別二:
strong是web標準中xhtml的標籤,strong的意思是「強調」;b是html的,b的意思是bold(粗體)。
為了符合現在W3C的標準,建議使用strong標籤。
●<em>和<i>標籤之間的區別
主要差異:<em>是基於內容的樣式,<i>一個是基於物理的樣式。
< i > 是視覺要素(presentationl elements),分別表示無意義的加粗,無意義的斜體,僅表示樣式上是粗體或斜體,而沒有強調的語義,這兩個標籤在HTML4.01中不建議使用,建議用CSS樣式;
< em > 是表達要素(phrase elements)。 < em >(emphasized text)表示一般的強調文本,這個標籤具有語義。該標籤中的內容在搜尋引擎中更受重視,一些語音閱讀器也會根據它在閱讀時加強語氣。