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