HTML5新標籤

HTML5新標籤:

標籤訂義外部的內容 結構元素 定義頁面內容以外的內容。 aside的內容與article的內容相關。結構元素 定義一組媒介內容的分組，以及它們的標題。結構元素 標籤訂義文檔中的節（section，區段）。好比章節，頁眉，頁腳或文檔中的其餘部分結構元素 定義預約義範圍內的度量。僅用於已知最大和最小值的度量 內聯元素

定義任何類型的任務的進度。可使用標籤來顯示javascript中耗費時間的函數的進度內聯元素 定義一個日期/時間 內聯元素

定義聲音內容。內嵌元素 audio 元素容許多個 source 元素。source 元素能夠連接不一樣的音頻文件。瀏覽器將使用第一個可識別的格式 定義視頻。內嵌元素)

Ogg支持firefox3.5，opera10.5，chrome3.0 Mpeg 4 支持chrome3.0，safsri3.0 Video也支持多個source元素，連接到不一樣的視頻文件，瀏覽器將使用第一個可識別的格式 屬性值： autoplay=」autoplay」就緒後立刻播放 loop=「loop」播放完再次播放 定義命令按鈕 交互元素 定義下拉列表,與input元素配合使用該元素，定義input可能出現的值，datalist的選項不會被顯示出來，它僅僅是合法的輸入值列表交互元素 定義元素的細節 交互元素

定義圖形,繪製路徑，矩形，圓形，字符以及添加圖像的方法 Canvas元素自己沒有繪圖能力，全部的繪製工做必須在javascript內部完成 漸變 定義對話會話dialog元素表示幾我的之間的對話。HTML5dt元素能夠表示講話者，HTML5dd元素能夠表示講話內容。結構元素 定義外部交互內容或插件 爲服務器發送的事件定義目標 定義 section 或 page 的頁腳 標籤訂義 figure 元素的標題。

HTML5新功能對網站發展的趨勢:

 HTML5是HTML4的升級版本，相比於後者，HTML5增長了Web網頁的表現力，同時也增長了表單、本地數據等全新功能，對於咱們網站的建設是一個全新的體驗，也是一個機遇，由於HTML5裏面衆多功能的創新以及改革對於咱們將來網站建設是一個很好的指引。 2

一 HTML5出現了新的 標記

     Flash各位站長都知道，相信這是一個讓你們很頭疼的東西，有些站長爲了使本身的畫面更加華麗動感，因此就在首頁中加載了各類各樣的Flash視頻，這樣一來，網頁效果雖然獲得了提高，可是網站訪問速度就下去了。由於當遊客打開一個網站的時候，這些臃腫的Flash視頻就會加載，只有加載完成後才能呈現，若是你的主機是共享的，那麼你網站的加載速度就會至關的悲催。

  HTML5之因此會被你們廣泛讚譽，關鍵還在於它在用戶體驗上的突破，相比於HTML4，HTML5新增了 和 標記，它能將音頻以及視頻完美的嵌入到網頁中，而不影響網站的加載速度，相比於我以前說的 標記， 和 標記更加人性化，可讓用戶體驗到全新的頁面感受。 5

四 管理起來更加方便

    筆者以前提到HTML5新增了本地數據這個新的功能，這個功能將內嵌一個本地的SQL 數據庫，以加速交互式搜索，緩存以及索引功能。同時，那些離線Web 程序也將所以獲益匪淺，此外，因爲HTML5加入了全新的表單，使得咱們建站的時候對於URL可使用微數據，這一方式的改變，能讓咱們更乾淨的管理網 頁，使整個網站的總體井井有條，對於搜索引擎是至關有好的。 6

固然以上並非HTML5的所有優勢，我只是列舉了幾個對於咱們建站比較有利的方面，不過HTML5如今的功能有了很大的完善，瀏覽器已經支持 HTML5的部分功能，網站使用HTML5不斷地更新代碼也有些完善，這對於本身時間以及精力的考驗都是巨大的。可是Y+外貿網站在這種技術不是很完善的狀況下，仍是採用了，由於Y+外貿網站要突破傳統網站，走入新的互聯網時代

  

 可是HTML5就不同了，它產生了新的 標記，它不只能提供Flash相關的功能，並且能讓網站視頻加載速度大幅降低，這使得網站沒必要爲了訪問速度而減小視頻的應用。 你們能夠了解一下Y+外貿網站就是經過HTML5改變以這一現狀。 3

  二 HTML5出現了新的 和 標記

    網站結構是蜘蛛爬行的基礎，網站只有擁有明晰的層次才能進一步提升蜘蛛的爬行效果以及抓取率，可是以前立於HTML4的CSS+DIV程序雖然讓網站 的目錄、導航等欄目設置清晰明瞭，但它卻不能給蜘蛛提供一個最快到達網站各個角落的途徑，而HTML5就改變了這些，它的設計更好的迎合了網站的解剖結 構，位於頁面上的蜘蛛就好像在圓心處，任何一個角落都是同樣的路程，這就加大了蜘蛛的「訪問深度」，有利於網站總體權重的提升。 4

三 出現了音頻以及視頻的嵌入功能