HTML5的語義化標(biāo)簽以及屬性，可以讓開發(fā)者非常方便地實現(xiàn)清晰的web頁面布局，加上CSS3的效果渲染，快速建立豐富靈活的web頁面顯得非常簡單。
自1999年以后HTML 4.01 已經(jīng)改變了很多,今天，在HTML 4.01中的幾個已經(jīng)被廢棄，這些元素在HTML5中已經(jīng)被刪除或重新定義。
為了更好地處理今天的互聯(lián)網(wǎng)應(yīng)用，HTML5添加了很多新元素及功能，比如: 圖形的繪制，多媒體內(nèi)容，更好的頁面結(jié)構(gòu)，更好的形式 處理，和幾個api拖放元素，定位，包括網(wǎng)頁 應(yīng)用程序緩存，存儲，網(wǎng)絡(luò)工作者等。
<header>定義頁面或區(qū)段的頭部；
<footer>定義頁面或區(qū)段的尾部；
<nav>定義頁面或區(qū)段的導(dǎo)航區(qū)域；
<section>頁面的邏輯區(qū)域或內(nèi)容組合；
<article>定義正文或一篇完整的內(nèi)容；
<aside>定義補充或相關(guān)內(nèi)容；
<!doctype html><html><head> <meta charset="UTF-8"> <title>HTML5 Nav導(dǎo)航標(biāo)簽的使用</title> </head> <body> <nav> <ul> <li><a href="#">Home</a></li> <li><a href="#">One</a></li> <li><a href="#">Two</a></li> <li><a href="#">Three</a></li> </ul> </nav> </body></html>測試看看 ?/?
<!doctype html> <html> <head> <meta charset="UTF-8"> <title><header>標(biāo)簽實現(xiàn) by www.soo66.com</title> </head> <body> <header id="page_header"> <h1>Header</h1> </header> </body> </html>測試看看 ?/?
<!doctype html> <html> <head> <meta charset="UTF-8"> <title><footer>標(biāo)簽實現(xiàn) by www.soo66.com</title> </head> <body> <footer>標(biāo)簽實現(xiàn) <footer id="page_footer"> <h2>Footer</h2> </footer> </body> </html>測試看看 ?/?
<!doctype html> <html> <head> <meta charset="UTF-8"> <title><section>和<article>標(biāo)簽實現(xiàn) by www.soo66.com</title> </head> <body> <section>和<article>標(biāo)簽實現(xiàn) <section id="posts"> /*可以包含多個< article>*/ <article class="post"> /*article的內(nèi)容*/ </article> <article class="post"> /*article的內(nèi)容*/ </article> </section> </body> </html>測試看看 ?/?
| 標(biāo)簽 | 描述 |
| <canvas> | 標(biāo)簽定義圖形，比如圖表和其他圖像。該標(biāo)簽基于 JavaScript 的繪圖 API |
| 標(biāo)簽 | 描述 |
| <audio> | 定義音頻內(nèi)容 |
| <video> | 定義視頻（video 或者 movie） |
| <source> | 定義多媒體資源 <video> 和 <audio> |
| <embed> | 定義嵌入的內(nèi)容，比如插件。 |
| <track> | 為諸如 <video> 和 <audio> 元素之類的媒介規(guī)定外部文本軌道。 |
| 標(biāo)簽 | 描述 |
| <datalist> | 定義選項列表。請與 input 元素配合使用該元素，來定義 input 可能的值。 |
| <keygen> | 規(guī)定用于表單的密鑰對生成器字段。 |
| <output> | 定義不同類型的輸出，比如腳本的輸出。 |
HTML5提供了新的元素來創(chuàng)建更好的頁面結(jié)構(gòu)：
| 標(biāo)簽 | 描述 |
| <article> | 定義頁面獨立的內(nèi)容區(qū)域。 |
| <aside> | 定義頁面的側(cè)邊欄內(nèi)容。 |
| <bdi> | 允許您設(shè)置一段文本，使其脫離其父元素的文本方向設(shè)置。 |
| <command> | 定義命令按鈕，比如單選按鈕、復(fù)選框或按鈕 |
| <details> | 用于描述文檔或文檔某個部分的細節(jié) |
| <dialog> | 定義對話框，比如提示框 |
| <summary> | 標(biāo)簽包含 details 元素的標(biāo)題 |
| <figure> | 規(guī)定獨立的流內(nèi)容（圖像、圖表、照片、代碼等等）。 |
| <figcaption> | 定義 <figure> 元素的標(biāo)題 |
| <footer> | 定義 section 或 document 的頁腳。 |
| <header> | 定義了文檔的頭部區(qū)域 |
| <mark> | 定義帶有記號的文本。 |
| <meter> | 定義度量衡。僅用于已知最大和最小值的度量。 |
| <nav> | 定義導(dǎo)航鏈接的部分。 |
| <progress> | 定義任何類型的任務(wù)的進度。 |
| <ruby> | 定義 ruby 注釋（中文注音或字符）。 |
| <rt> | 定義字符（中文注音或字符）的解釋或發(fā)音。 |
| <rp> | 在 ruby 注釋中使用，定義不支持 ruby 元素的瀏覽器所顯示的內(nèi)容。 |
| <section> | 定義文檔中的節(jié)（section、區(qū)段）。 |
| <time> | 定義日期或時間。 |
| <wbr> | 規(guī)定在文本中的何處適合添加換行符。 |
以下的 HTML 4.01 元素在HTML5中已經(jīng)被刪除:
<acronym>
<applet>
<basefont>
<big>
<center>
<dir>
<font>
<frame>
<frameset>
<noframes>
<strike>
<tt>