html5標籤

淺談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> 標記定義一個頁面或一個區域的底部

html5.png

二、新增標籤

在新增的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的優化,同時也提升了用戶體驗。

發佈了15 篇原創文章 · 獲贊 5 · 訪問量 6萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章