定義及用法 Definition and Usage
在字體樣式上，<small>定義的就是文本中需呈現較小文體的文字 (smaller text)。
在文義上，<small>定義的則是文本中一些偏離主題的文字敘述 ( side comments )。
在用法上，常使用在一些免責聲明 ( disclaimers )、注意事項 ( caveats )、法律限制 ( legal restrictions )、版權宣告 ( copyrights )等。
使用技巧及注意事項 Tips and Notes
small 元素的相對元素是 <big>，不過 big 元素在HTML5裡已經不支援了，原因很簡單，因為 big 真的只是為「樣式」設計的標籤（font-style tags），這類的標籤現在都建議改用CSS設計。small 在HTML5 沒有被刪掉，主因在它還有文義上的功能 (如上面定義)，可能是制定規範者不知道要怎麼為這個種類的標籤命名，所以暫切不更動，但使用者一定要注意的是，small 元素不只是把字體 small 而已。
small 元素常常被拿來和定義重要文字的<strong> 或是定義強調文字的<em>做比較。因此容易讓人搞混，認為small就是定義一些不重要的、可以被忽視的文字。所以使用時一定要注意，在語言層級上，<small>和主題一般敘述文字的程度是一樣的。
可使用的屬性 Attributes
支援全域屬性(Global Attributes)及事件屬性(Event Attributes)
範例 Examples
範例 1 example：
<p>DNOWBA 豬腦爸-力行豬腦哲學的資訊部落格</p> <p><small>Copyright 1999-2050 by d.now.ba</small></p>
Demo結果如下
DNOWBA 豬腦爸-力行豬腦哲學的資訊部落格
Copyright 1999-2050 by d.now.ba
上面是很典型的版權宣告，通常就是用<small>來處理。字體雖然變小了，但二個段落的文字敘述的重要程度是一樣的。
範例 2 example：
<dl> <dt>單人房 <dd>1999NT$ <small>含早餐，已含5%營業稅</small> <dt>雙人房 <dd>2999NT$ <small>含早餐，已含5%營業稅</small> </dl>
Demo結果如下
- 單人房
- 1999NT$ 含早餐，已含5%營業稅
- 雙人房
- 2999NT$ 含早餐，已含5%營業稅
範例中，主題是說明飯店的房價，其他附加服務、是否含稅等不算是主題，但是也蠻重要的 (這種文字稱之為 short runs of text，不知道怎麼翻譯比較適合 )，就可以用<samll>來標記。
範例 3 example：
「Google Drive」服務（中文為 Google 雲端硬碟）。 Google Drive 本質上與其他雲端儲存服務（如 Dropbox）類似， 不過挾帶著Google各項服務，影片、照片、網誌、文件， 包山包海的情形讓Google Drive勢如破竹。 <small>不過google的強大也是靠我們這些社群用戶， 沒有人用的facebook網頁畫面真是殘不忍睹</small>
Demo結果如下
範例中，主題是介紹「Google Drive」服務的特點。當中挾帶著自已的感想，有點像是murmur碎碎念。所以這類離題的內容(side comments)，可以用<small>來標記，此外，範例中的有括號的文字「中文為 Google 雲端硬碟、如 Dropbox」都算是附註說明，和主題內容是有關係的，並不算是一種碎碎念，而括號本身在符號意義上就有附帶一提的意味。從這個範例你可以比較能分辨「附註說明」和「碎碎念」的差別。
範例 4 example：
以下為安裝JAVA教學 <small><strong>安裝時請關閉防火牆</strong>，以免安裝程序失敗</small>
Demo結果如下
這個範例說明，標記<small>的文本內容，不代表他不重要，甚至於你覺得很重要的，還可以加上<strong>標籤
範例 5 example：
<aside> <h4>Example Corp</h4> <p>This company mostly creates small software and Web sites.</p> <p>The Example Corp company mission is "To provide entertainment and news on a sample basis".</p> <p><small>Information obtained from <a href="../about.html">example.com</a> home page.</small></p> </aside>
Demo結果如下
這個範例中，Example Corp的介紹並不是這份網頁文件的主軸，所以用<aside>來標記，不過相對的，Example Corp的介紹內容是這個<aside>下的主要內容。範例中我們可以學習到，<aside>不等同於<small>，<aside>區塊中的內容本身就有一個主題，而當主題下有比較離題的、和主題無關的，就可以用<small>來標記。當一篇文章的一段，甚至於二段以上的段落內容都偏離主題的時候，其實它本身就是一個主體了，所以<small>並不適合寫成<small><p>......</p></small>的形式，這個範例下，也不適合寫成<small><aside>......</aside></small>的形式。
html网页设计编码实例
回覆刪除身体标记字体系列