站長資訊網1. 塊元素
HTML5定義了8個新的HTML語義（semantic）元素，這些元素都是塊級元素。為了能讓舊版本的瀏覽器正確顯示這些元素，可以設置CSS的display屬性為block：
header, section, footer, aside, nav, main, article,figure{ display: block; }
2. 添加新元素
向HTML添加的新的元素，并為該元素定義樣式，元素名為<myHero>：
<!DOCTYPE html> <html> <head> <title>Creating an HTML Element</title> <script>document.createElement("myHero")</script> <style> myHero { display: block; background-color: #ddd; padding: 50px; font-size: 30px; } </style> </head> <body> <h1>我的第一個標題</h1> <p>我的第一個段落。</p> <myHero>我的第一個新元素</myHero> </body> </html>
3. 多媒體元素
|
標簽 |
描述 |
|
<audio> |
定義音頻內容 |
|
<video> |
定義視頻（video 或者 movie） |
|
<source> |
定義多媒體資源 <video> 和 <audio> |
|
<embed> |
定義嵌入的內容，比如插件。 |
|
<track> |
為諸如 <video> 和 <audio> 元素之類的媒介規定外部文本軌道。 |
4. 畫布元素
|
<canvas> |
標簽定義圖形，比如圖表和其他圖像。該標簽基于 JavaScript的繪圖 API |
5. 新表單元素
|
標簽 |
描述 |
|
<datalist> |
定義選項列表。請與 input 元素配合使用該元素，來定義 input 可能的值。 |
|
<keygen> |
規定用于表單的密鑰對生成器字段。 |
|
<output> |
定義不同類型的輸出，比如腳本的輸出。 |
6. 新的語義和結構元素
|
標簽 |
描述 |
|
<article> |
定義頁面的側邊欄內容 |
|
<aside> |
定義頁面內容之外的內容。 |
|
<bdi> |
允許您設置一段文本，使其脫離其父元素的文本方向設置。 |
|
<command> |
定義命令按鈕，比如單選按鈕、復選框或按鈕 |
|
<details> |
用于描述文檔或文檔某個部分的細節 |
|
<dialog> |
定義對話框，比如提示框 |
|
<summary> |
標簽包含 details 元素的標題 |
|
<figure> |
規定獨立的流內容（圖像、圖表、照片、代碼等等）。 |
|
<figcaption> |
定義 <figure> 元素的標題 |
|
<footer> |
定義 section 或 document的頁腳。 |
|
<header> |
定義了文檔的頭部區域 |
|
<mark> |
定義帶有記號的文本。 |
|
<meter> |
定義度量衡。僅用于已知最大和最小值的度量。 |
|
<nav> |
定義運行中的進度（進程）。 |
|
<progress> |
定義任何類型的任務的進度。 |
|
<ruby> |
定義 ruby 注釋（中文注音或字符）。 |
|
<rt> |
定義字符（中文注音或字符）的解釋或發音。 |
|
<rp> |
在 ruby 注釋中使用，定義不支持 ruby元素的瀏覽器所顯示的內容。 |
|
<section> |
定義文檔中的節（section、區段）。 |
|
<time> |
定義日期或時間。 |
|
<wbr> |
規定在文本中的何處適合添加換行符。 |
7. 已移除的元素
在HTML5中不再使用，已經被刪除。
· <acronym> · <applet> · <basefont> · <big> · <center> · <dir> · <font> · <frame> · <frameset> · <noframes> · <strike> · <tt>
