HTML5可以提供：
傳統(tǒng)的div+css寫法
HTML5的寫法
結(jié)構(gòu)上的
免費AI編程助手
<header>：定義了站點的頭部信息，也就是頁眉，一般放置網(wǎng)站的站點名稱以及LOGO和導航欄。搜索引擎更容易識別站點的類型。<nav>：定義導航鏈接，也就是欄目或者頻道的鏈接。搜索引擎可以更好了解網(wǎng)站的信息架構(gòu)，分類等。良好的信息架構(gòu)，更有利于蜘蛛的爬行和權(quán)重的分布。<footer> ：定義了底部信息，也就是頁腳。放置頁腳導航，一些比如公司介紹，聯(lián)系我們之類的信息。一般來說對網(wǎng)站比較不重要，有可能搜索引擎會降低其位置的權(quán)重。<section> ：該元素用來表示網(wǎng)頁中不同的分區(qū)。優(yōu)勢體現(xiàn)在每個部分都可以有其獨立的HTML標題。這可以讓搜索引擎更好的了解網(wǎng)頁的結(jié)構(gòu)是如何劃分的。搜索引擎可能會根據(jù)網(wǎng)頁中的<section> 標簽找出其信息架構(gòu)。（同左撇子）<article> :定義文章區(qū)域，可以更有利于搜索引擎識別網(wǎng)頁的內(nèi)容以及判斷相關(guān)性。，<aside> ：定義頁面內(nèi)容之外的內(nèi)容，在左側(cè)或右側(cè)邊欄。比如知乎右側(cè)的“相關(guān)問題”就屬于<aside> 區(qū)域。aside標簽的文字信息與article標簽區(qū)域的文字信息最好是相關(guān)。可能會影響到該頁面和目標頁面的排名。這些結(jié)構(gòu)元素有些在HTML4時代，一般是用div來定義。如<div id="header"> 、<div id="nav"> 和<div id="footer"> ，但是難免有些網(wǎng)站會采用其它的命名方式。而HTML就把這些都標準化了，規(guī)范化了，簡潔明了。更有利于搜索引擎衡量網(wǎng)頁上的內(nèi)容和相關(guān)性，甚至分配權(quán)重的流向。塊元素
<figure> ：定義媒介內(nèi)容的分組，以及它們的標題，<figcaption> 定義 figure 元素的標題。這兩個元素可以說非常好的使媒介和文字說明聯(lián)系在了一起。有利于搜索引擎理解內(nèi)容。文字說明是可見的。<time> ：定義日期/時間，time標簽可能會作為一個來判斷網(wǎng)頁文字源，也就是能夠通過time標簽來識別哪篇文章是原創(chuàng)的。<audio> ：定義音頻<video> ：定義視頻一、使搜索引擎更加容易抓去和索引
對于一些網(wǎng)站，特別是那些嚴重依賴于FLASH的網(wǎng)站HTML5是一個大福音。如果你有一個都是FLASH的站點，你就一定會看到切換到HTML5的好處。首先，搜索引擎的蜘蛛將能夠抓去你的站點和索引你的內(nèi)容。所有嵌入到動畫中的內(nèi)容將全部可以被搜索引擎讀取。在搜索引擎優(yōu)化的基本理論中，這一方面將會驅(qū)動你的網(wǎng)站獲得更多的右擊流量。
二、提供更多的功能，提高用戶的友好體驗
使用HTML5的另一個好處就是它可以增加更多的功能。對于HTML5的功能性問題，我們可以從全球幾個主流站點對它的青睞就可以看出。社交網(wǎng)絡(luò)大亨Facebook已經(jīng)推出他們期待已久的基于HTML5的iPad應用平臺，潘多拉最近也推出他們基于HTML5的音樂播放器的新版本。游戲平臺Zynga最近也在推出了三款新的在移動設(shè)備瀏覽器上運行的基于HTML5的游戲等等。每天都有不斷的基于HTML5的網(wǎng)站和HTML5特性的網(wǎng)站被推出。保持站點處于新技術(shù)的前沿，也可以很好的提高用戶的友好體驗。
三、可用性的提高，提高用戶的友好體驗
最后我們可以從可用性的角度上看，HTML5可以更好的促進用戶于網(wǎng)站間的互動情況。多媒體網(wǎng)站可以獲得更多的改進，特別是在移動平臺上的應用，使用HTML5可以提供更多高質(zhì)量的視頻和音頻流。到目前位置，事實就是iPhone和iPad將不會支持FLASH，同時ADOBE公司也在近期公開聲明將停止FLASH基于移動平臺的開發(fā)，現(xiàn)在我們已經(jīng)可以這么說移動平臺日后視頻音頻是HTML5的天下。
可以肯定的是，越來越多的SEOer開始研究對于HTML5站點的優(yōu)化，對于搜索引擎來說，他們也會不斷的更新算法來適應HTML5的發(fā)展。
