在淺談html5和html的區別這篇文章中:我簡單的跟大家說了下:什麼是新一代超文本標記語言(html5)?以及html5和html的區別在哪些方面?以及html5相對於html的優勢在哪裏?那麼今天就跟大家一起深入講講html5標籤
一、結構標籤
說到結構標籤,我覺得這是相對於html來說,是一個非常好的改變,因爲它對於網站的SEO優化有了很大的提升。爲什麼這麼說呢?因爲新定義的這些結構標籤,搜索引擎蜘蛛能知道它是幹什麼的。因爲我們所做的網站都是需要做SEO的,做排名的。通過排名獲得流量,然後進一步進行轉化,轉化成你想要的money.
那麼新增加的結構標籤有哪些呢?
1.<article> 標記定義一篇文章
2.<header> 標記定義一個頁面或一個區域的頭部
3.<nav> 標記定義導航鏈接
4.<section>標記定義一個區域
5.<aside> 標記定義頁面內容部分的側邊欄
6.<hgroup>標記定義文件中一個區塊的相關信息
7.<figure> 標記定義一組媒體內容以及它們的標題
8.<figcaption>標籤定義 figure 元素的標題。
9.<footer> 標記定義一個頁面或一個區域的底部
二、新增標籤
在新增的html標籤中我認爲最大的好處就是增加了多媒體交互標籤。在html中一般我們插入什麼音頻、視頻、flash都會用到<embed>標籤,來定義外部的可交互的內容或插件,而在HTML5的多媒體標籤的中,我們可以直接添加音頻、視頻等多媒體文件,而不需要使用外部插件來實現,這樣極大地提升了用戶體驗。
新增的多媒體交互標籤有:
1.<video> 標記定義一個視頻
2.<audio> 標記定義音頻內容
3.<source> 標記定義媒體資源
4.<canvas> 標記定義圖片
三、重新定義標籤
在html5標籤中,有一些標籤相對於html標籤來說,更改了它的語義。重新定義的標籤如下:
1.<b>代表內聯文本,通常是粗體,沒有傳遞表示重要的意思
2.<i>代表內聯文本,通常是斜體,沒有傳遞表示重要的意思
3.<dd>可以同details與figure一同使用,定義包含文本,dialog也可用
4.<dt>可以同details與figure一同使用,彙總細節,dialog也可用
5.<hr>表示主題結束,而不是水平線,雖然顯示相同
6.<menu>重新定義用戶界面的菜單,配合commond或者menuitem使用
7.<small>表示小字體,例如打印註釋或者法律條款
8.<strong>表示重要性而不是強調符號
總結:通過對html5的標籤來看,不管是從結構標籤還是新增的一些標籤,使網站更加符合SEO的優化,同時也提升了用戶體驗。