標籤：技術分享 art 介紹 開發人員 作品 一點 衣服 資訊 補充
繼續學習HTML5語義化的內容，今天主要介紹一下，HTML5之前的元素經HTML5規範後的語義及一些使用樣本。
一、citeHTML5對cite元素的定義進行了很大的修改，在HTML4中，cite元素允許開發人員顯示引用內容的作者或發言人。
<cite>愷撒大帝</cite>曾經說過, <q>來，信，砍。</q>
然而，HTML5中的cite用來顯示某個作品（書籍、詩歌）的標題。HTML5規範中還著重強調：人名並非作品標題的一部分。因此，可以用下面的代碼：
<p>one of my favarite books is <cite>The Day of the Jackal</cite> by <b>Frederick Forsyth</b></p>
HTML5規範推薦使用b元素顯示作者名。
cite預設樣式為斜體。
以下為補充內容：
到現在為止，我們已經有三個表示“引用”的標籤：blockquote、cite以及q，在使用的過程中可能會有些迷茫，其實三者之間還是有很大差別的。
<blockquote>標籤定義摘自另一個源的區塊引述：<cite>《木蘭花令》</cite><blockquote> <pre> 人生若只如初見， 何事秋風悲畫扇？ 等閑變卻故人心， 卻道故人心易變。 驪山語罷清宵半， 淚雨零鈴終不怨。 何如薄倖錦衣郎， 比翼連枝當日願。 </pre></blockquote>
需要注意的是，<blockquote>也有一個cite參數，表示引用的源，這一點不要和標籤弄混了。
<q>標籤是不需要段落的小引用，比如只是引用一句話：<cite>勃朗寧</cite>曾經說過：<q>只要朝著一個方向努力，一切都會變得得心應手。</q>同樣，<q>標籤也有cite屬性，表示引用來源的URL。
在HTML5中，ol被重新定義，附加了3個屬性：
start -- 序列編號從多少開始reversed -- 編號倒序顯示type -- 編號類型<!--正常順序--><h1>【正常】我最喜歡的顏色有：</h1><ol> <li>紅色</li> <li>綠色</li> <li>藍色</li></ol><!--倒序--><h1>【倒序】我最喜歡的顏色有：</h1><ol reversed> <li>紅色</li> <li>綠色</li> <li>藍色</li></ol>
2、使用start屬性，改變編號起始位置
<ol start="10"> <li>從第十項開始</li></ol>
三、dl
在HTML4中，dl元素定義表，然而由於其定義和使用很不清晰，這導致了很多誤用，在HTML5中，dl元素被重新定義為一個描述或者關聯列表。
<dl> <dt>電腦</dt> <dd>用來計算的儀器 ... ...</dd> <dt>顯示器</dt> <dd>以視覺方式顯示資訊的裝置 ... ...</dd></dl>
如上例子，我們定義了一個描述列表，dt定義了一個鍵，dd定義了一個值。
也可以為一個鍵賦予多個值：
<h1>《驢得水》</h1><dl> <dt>導演<dt> <dd>周申</dd> <dd>劉露</dd> <dt>主演</dt> <dd>田雷</dd> <dd>任素汐</dd> <dd>鄭磊</dd> <dd>富冠銘</dd></dl>
四、smalldl元素以前被用作對話內容，但是從規範來看，使用dl是不恰當的。最初在HTML5中有一個dialog元素，但是在2009年底又將其從規範中刪除了，現在可以用p、span元素。
在HTML4中，small用來縮小字型，但是縮小字型是顯示層面的問題，應該由css來完成。因此，在HTML5中，small元素代表小列印體，如著作權資訊、條款或許可/法律資訊。
<p><small>This site is licensed under s...</small></p>
small是內嵌元素，有需要，也可將small嵌入到其他元素中，比如strong，強調該小列印提的重要性。
五、b和strong在HTML4中，b元素用作加粗。現在，它純粹用作展示。所以應該用它來為不帶特殊重要性的內容添加樣式。
博文的手段經常採用加粗的方法，以表現與眾不同。
<p><b>部落格手段內容...</b></p>
這裡不適用strong的原因在於我們並不想表示手段更加重要，只是想使他的樣式有所不同。
strong元素用來標識重要的內容。所以不僅僅是用來加粗文字，還表達該內容的重要性。
<p><strong>不要和他討論問題！</strong>他只會反對你</p>
六、i和em
i元素在HTML4中表示建立斜體文字，HTML5規範給一些使用樣本，比如一個夢境、一個科技用語、一個想法或船名等：
<p>昨天我沒有去釣魚<i>（因為還要洗衣服）</i></p>
相反，em元素表示了能改變句子意思的強調。包含在em中的一個或多個字在該句中有強調的意味。如果移動em元素，即強調的內容改變，相應句子也發生了含義上的改變。
<!--強調“今天”--><p>我<em>今天</em>很開心</p><!--強調“很開心”--><p>我今天<em>很開心</em></p>
七、abbr
abbr在HTML5中與acronym整合了，現在，abbr既可以標識縮寫詞，也可以表示首字母縮減詞，可以使用title屬性顯示全稱。
<p><abbr title="HyperText Markup Language"><HTML></abbr> is the best since sliced web<p>
在HTML5中，acronym刪除了，使用abbr替代。
八、hrhr用來在文檔中添加橫線，它的用法有細微的改變。現在，在段落末尾使用它，比如在書籍中，可用其指示情境的切換。現在hr元素並不和常見了，因為可以使用css在任何p、div、article、section元素後面添加空格、圖片、段落或其他裝飾。
九、刪除的元素讀書筆記：《HTML5開發手冊》-- 現存元素的變化
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
