8.HTML 教程- (HTML5 段落）

HTML 教程- (HTML5 段落）

1.HTML 文本格式化

HTML 文本格式化標籤                                            

標籤	描述
<b>	定義粗體文本
<em>	定義着重文字
<i>	定義斜體字
<small>	定義小號字
<strong>	定義加劇語氣
<sub>	定義下標字
<sup>	定義上標字
<ins>	定義插入字
<del>	定義刪除字

2.HTML 格式化標籤

HTML 使用標籤 <b>("bold") 與 <i>("italic") 對輸出的文本進行格式, 如：粗體 or 斜體

這些HTML標籤被稱爲格式化標籤。

一般標籤 <strong> 替換加粗標籤 <b> 來使用, <em> 替換 <i>標籤使用。 然而，這些標籤的含義是不一樣的： <b> 與<i> 定義粗體或斜體文本。 <strong> 或者 <em>意味着你要呈現的文本是重要的，因此要突出顯示。現今全部主要瀏覽器都能渲染各類效果的字體。不過，將來瀏覽器可能會支持更好的渲染效果。

3.HTML "計算機輸出" 標籤

標籤	描述
<code>	定義計算機代碼
<kbd>	定義鍵盤碼
<samp>	定義計算機代碼樣本
<var>	定義變量
<pre>	定義預格式文本

4.HTML 引文, 引用, 及標籤訂義

標籤	描述
<abbr>	定義縮寫
<address>	定義地址
<bdo>	定義文字方向
<blockquote>	定義長的引用
<q>	定義短的引用語
<cite>	定義引用、引證
<dfn>	定義一個定義項目。

 

文本顯示爲單行，超過部分隱藏並使用省略號，實例:

overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;

 

使用 display:-webkit-box; 讓文本顯示爲多行(只有-webkit內核纔有做用)，實例:

overflow:hidden;
text-overflow:ellipsis;
display:-webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient:vertical;
width:100px;

 

在顯示上，這兩個標籤均可是加粗文本，呢麼爲何會有兩個功能"相同"的標籤呢？並且好像 strong 並不是個例。

•  首先，這兩個並不是徹底相同。好比，若是使用網頁閱讀器閱讀網頁（盲人使用），strong 會重讀，b 則不會。
•  其次，從起源上來講，strong 是爲了在將來建設語義網而誕生的。應該知道的是，html 是負責顯示的標記，不能表示語義。也就是說，瀏覽器知道這個標籤如何顯示，而不知道標籤所標記的內容應該是什麼含義。而 strong 在語義上走出了第一步。

 

一、<em> 把文本定義爲強調的內容

<em> 標籤告訴瀏覽器把其中的文本表示爲強調的內容。對於全部瀏覽器來講，這意味着要把這段文字用斜體來顯示。

儘管如今 <em> 標籤修飾的內容都是用斜體字來顯示，但這些內容也具備更普遍的含義，未來的某一天，瀏覽器也可能會使用其餘的特殊效果來顯示強調的文本。若是你只想使用斜體字來顯示文本的話，請使用 <i> 標籤。除此以外，文檔中還能夠包括用來改變文本顯示的級聯樣式定義。

二、<i>顯示斜體文本效果

<i> 標籤和基於內容的樣式標籤 <em> 相似。它告訴瀏覽器將包含其中的文本以斜體字（italic）或者傾斜（oblique）字體顯示。若是這種斜體字對該瀏覽器不可用的話，可使用高亮、反白或加下劃線等樣式。

三、<dfn>定義一個定義項目

<dfn> 標籤可標記那些對特殊術語或短語的定義。

如今流行的瀏覽器一般用斜體來顯示 <dfn> 中的文本。未來，<dfn> 還可能有助於建立文檔的索引或術語表。

與其餘許多基於內容的樣式和物理樣式標籤同樣，<dfn> 標籤儘可能少用爲妙。

也就是說它們要實現的目的不一樣，但都用一樣的表現方式，就是斜體。

 

 

關於<abbr>和<acronym>:

都是表示縮略詞的標籤

不一樣點：

abbr：表示全詞的縮寫；

acronym：表示標記一個首字母縮寫；

PS:其實看起來的效果都同樣，只是內在表達的不同而已，因此看不出什麼區別，重點是如今acronym已經淘汰不用了，因此儘可能改用abbr就好

 

 

HTML 要素中的 b、em、strong 有什麼區別？

應該說，在默認的 HTML 樣式表定義中，b 和 strong 的樣式同樣，爲 { font-weight: bolder } 而 em 的默認樣式爲 { font-style: italic }，與 i 相同。

在 HTML 4 中，em 表示 emphasized text，strong 表示 strong emphasized text，故 strong 的強度要更強。而在 HTML 5 中，strong 的定義改爲了 important text。固然 emphasized 和 strong emphasized 乃至 important 之間怎麼界定很模糊，關鍵是在本身編寫 HTML 代碼的時候保持使用上一致。b 和 i 僅僅表示「這裏應該用粗體顯示」或者「這裏應該用斜體顯示」。