站長(zhǎng)資訊網(wǎng)1. 塊元素
HTML5定義了8個(gè)新的HTML語(yǔ)義（semantic）元素，這些元素都是塊級(jí)元素。為了能讓舊版本的瀏覽器正確顯示這些元素，可以設(shè)置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>我的第一個(gè)標(biāo)題</h1> <p>我的第一個(gè)段落。</p> <myHero>我的第一個(gè)新元素</myHero> </body> </html>
3. 多媒體元素
|
標(biāo)簽 |
描述 |
|
<audio> |
定義音頻內(nèi)容 |
|
<video> |
定義視頻（video 或者 movie） |
|
<source> |
定義多媒體資源 <video> 和 <audio> |
|
<embed> |
定義嵌入的內(nèi)容，比如插件。 |
|
<track> |
為諸如 <video> 和 <audio> 元素之類(lèi)的媒介規(guī)定外部文本軌道。 |
4. 畫(huà)布元素
|
<canvas> |
標(biāo)簽定義圖形，比如圖表和其他圖像。該標(biāo)簽基于 JavaScript的繪圖 API |
5. 新表單元素
|
標(biāo)簽 |
描述 |
|
<datalist> |
定義選項(xiàng)列表。請(qǐng)與 input 元素配合使用該元素，來(lái)定義 input 可能的值。 |
|
<keygen> |
規(guī)定用于表單的密鑰對(duì)生成器字段。 |
|
<output> |
定義不同類(lèi)型的輸出，比如腳本的輸出。 |
6. 新的語(yǔ)義和結(jié)構(gòu)元素
|
標(biāo)簽 |
描述 |
|
<article> |
定義頁(yè)面的側(cè)邊欄內(nèi)容 |
|
<aside> |
定義頁(yè)面內(nèi)容之外的內(nèi)容。 |
|
<bdi> |
允許您設(shè)置一段文本，使其脫離其父元素的文本方向設(shè)置。 |
|
<command> |
定義命令按鈕，比如單選按鈕、復(fù)選框或按鈕 |
|
<details> |
用于描述文檔或文檔某個(gè)部分的細(xì)節(jié) |
|
<dialog> |
定義對(duì)話框，比如提示框 |
|
<summary> |
標(biāo)簽包含 details 元素的標(biāo)題 |
|
<figure> |
規(guī)定獨(dú)立的流內(nèi)容（圖像、圖表、照片、代碼等等）。 |
|
<figcaption> |
定義 <figure> 元素的標(biāo)題 |
|
<footer> |
定義 section 或 document的頁(yè)腳。 |
|
<header> |
定義了文檔的頭部區(qū)域 |
|
<mark> |
定義帶有記號(hào)的文本。 |
|
<meter> |
定義度量衡。僅用于已知最大和最小值的度量。 |
|
<nav> |
定義運(yùn)行中的進(jìn)度（進(jìn)程）。 |
|
<progress> |
定義任何類(lèi)型的任務(wù)的進(jìn)度。 |
|
<ruby> |
定義 ruby 注釋?zhuān)ㄖ形淖⒁艋蜃址?/span> |
|
<rt> |
定義字符（中文注音或字符）的解釋或發(fā)音。 |
|
<rp> |
在 ruby 注釋中使用，定義不支持 ruby元素的瀏覽器所顯示的內(nèi)容。 |
|
<section> |
定義文檔中的節(jié)（section、區(qū)段）。 |
|
<time> |
定義日期或時(shí)間。 |
|
<wbr> |
規(guī)定在文本中的何處適合添加換行符。 |
7. 已移除的元素
在HTML5中不再使用，已經(jīng)被刪除。
· <acronym> · <applet> · <basefont> · <big> · <center> · <dir> · <font> · <frame> · <frameset> · <noframes> · <strike> · <tt>
