首先應該大體瞭解什麼是HTML 5，HTML 5 就是第五代W3C的核心語言也就是我們常說的HTML代碼。它是在HTML4.01上做了一次新的改革，或是說是為了彌補上一個版本的不足之處。從而加強不同User-agent之間的互通性。
HTML 5 將會帶入一種更好的功能來協助程式員或是搜尋引擎來解剖一個網頁的代碼。在過去div標籤可能被用在很多頁面當中，可以說是泛濫。可是在HTML 5 中會出現一組新的代碼元素來描述導航、頭部、文字等內容。而這個新的元素可以協助搜尋引擎更好更快地去理解頁面的內容。
下面有2張圖就能更好的結束HTML 5 與之前版本的不同之處：
現版本的HTML：
HTML 5：
我們可以清楚的看到，現版本HTML是大量使用Div標籤主要原因是無法精準地表達代碼的位置和內容，而HTML 5 就從中獨立出新的元素代碼來單一描述所要表達的代碼。因此我們的新代碼就可以寫成：
| <body> <header>...</header> <nav>...</nav> <article> <section> ... </section> </article> <aside>...</aside> <footer>...</footer> </body> |
另外有個例子就是，新的“對話標籤”可以替代以前的代碼，從而更加的簡練易懂。比如WP中有個Twitter的外掛程式可以這樣寫：
| <dialog id="Twittering"> <dt> <time>14:22</time> richardbaxter <dd> Has anyone seen the latest Battlestar? <dt> <time>14:23</time> ZakaZaka <dd> @richardbaxter Get on with your job! </dialog> |
視頻或是音頻類的頁面可以寫成：
| <video src="video.ogv" controls poster="poster.jpg" width="320" height="240"> <a href="video.ogv">Download movie</a> </video> <audio src="music.oga" controls> <a href="music.oga">Download song</a> </audio> |
HTML 5 必定會給SEO帶來一種全新的代碼最佳化改革，作為SEOer必須瞭解新技術所帶來的改變，從而在今後頁面設計中逐步使用新的技術。
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
