html5複習整理
<details>標籤 包含 <summary>標籤
與 <summary> 標籤 配合使用可以為 details 定義標題。標題是可見的，使用者點選標題時，會顯示出 details。
只有Chrome 、Safari瀏覽器支援
<!DOCTYPE> 宣告必須是 HTML 文件的第一行，位於 <html> 標籤之前。
<!DOCTYPE> 宣告不是 HTML 標籤；它是指示 web 瀏覽器關於頁面使用哪個 HTML 版本進行編寫的指令。
如<!DOCTYPE HTML>
<a>標籤新屬性：
| download | filename | 規定被下載的超連結目標。 |
| media | media_query | 規定被連結文件是為何種媒介/裝置優化的。 |
| type | MIME type | 規定被連結文件的的 MIME 型別。 |
<a>標籤H5不支援:
| rev |
text | HTML5 中不支援。規定被連結文件與當前文件之間的關係。 |
| shape |
|
HTML5 中不支援。 |
| name | section_name | HTML5 中不支援。規定錨的名稱。 |
| charset | char_encoding | HTML5 中不支援。規定被連結文件的字符集。 |
| coords | coordinates | HTML5 中不支援。規定連結的座標。 |
<abbr>
定義和用法
<abbr> 標籤指示簡稱或縮寫，比如 "WWW" 或 "NATO"。
通過對縮寫進行標記，您能夠為瀏覽器、拼寫檢查和搜尋引擎提供有用的資訊。
<abbr> 標籤最初是在 HTML 4.0 中引入的，表示它所包含的文字是一個更長的單詞或短語的縮寫形式。
HTML5 中不支援 <acronym> 標籤。請使用 <abbr> 標籤代替。
HTML5 中不支援 <applet> 標籤。請使用 object 元素 標籤代替。
<area> 標籤定義影象對映中的區域（注：影象對映指得是帶有可點選區域的影象）。
area 元素總是巢狀在 <map> 標籤中。
註釋：<img> 標籤中的 usemap 屬性與 map 元素 name 屬性相關聯，建立影象與對映之間的聯絡。
| coords | 座標值 | 定義可點選區域（對滑鼠敏感的區域）的座標。 |
| href | URL | 定義此區域的目標 URL。 |
| nohref | nohref | 從影象對映排除某個區域。 |
| shape |
|
定義區域的形狀。 |
| target |
|
規定在何處開啟 href 屬性指定的目標 URL。 |
總結:就是在圖片區域性新增按鈕超連結。
圓形：shape="circle"，coords="x,y,z"
這裡的 x 和 y 定義了圓心的位置（"0,0" 是影象左上角的座標），r 是以畫素為單位的圓形半徑。
多邊形：shape="polygon"，coords="x1,y1,x2,y2,x3,y3,..."
每一對 "x,y" 座標都定義了多邊形的一個頂點（"0,0" 是影象左上角的座標）。定義三角形至少需要三組座標；高緯多邊形則需要更多數量的頂點。
多邊形會自動封閉，因此在列表的結尾不需要重複第一個座標來閉合整個區域。
矩形：shape="rectangle"，coords="x1,y1,x2,y2"
第一個座標是矩形的一個角的頂點座標，另一對座標是對角的頂點座標，"0,0" 是影象左上角的座標。請注意，定義矩形實際上是定義帶有四個頂點的多邊形的一種簡化方法。
例如，下面的 XHTML 片段在一個 100x100 畫素影象的右下方四分之一處，定義了一個對滑鼠敏感的區域，並在影象的正中間定義了一個圓形區域。
| x1,y1,x2,y2 | 如果 shape 屬性設定為 "rect"，則該值規定矩形左上角和右下角的座標。 |
| x,y,radius | 如果 shape 屬性設定為 "circ"，則該值規定圓心的座標和半徑。 |
| x1,y1,x2,y2,..,xn,yn | 如果 shape 屬性設定為 "poly"，則該值規定多邊形各邊的座標。如果第一個座標和最後一個座標不一致，那麼為了關閉多邊形，瀏覽器必須新增最後一對座標。 |
<article> 標籤規定獨立的自包含內容。
一篇文章應有其自身的意義，應該有可能獨立於站點的其餘部分對其進行分發。
<article> 元素的潛在來源：
- 論壇帖子
- 報紙文章
- 部落格條目
- 使用者評論
<audio> 標籤定義聲音，比如音樂或其他音訊流。
| autoplay | autoplay | 如果出現該屬性，則音訊在就緒後馬上播放。 |
| controls | controls | 如果出現該屬性，則向用戶顯示控制元件，比如播放按鈕。 |
| loop | loop | 如果出現該屬性，則每當音訊結束時重新開始播放。 |
| muted | muted | 規定視訊輸出應該被靜音。 |
| preload | preload | 如果出現該屬性，則音訊在頁面載入時進行載入，並預備播放。 如果使用 "autoplay"，則忽略該屬性。 |
| src | url | 要播放的音訊的 URL。 |
根據 HTML5 規範，在沒有其他合適標籤更合適時，才應該把 <b> 標籤作為最後的選項。HTML5 規範宣告：應該使用 <h1> - <h6> 來表示標題，使用 <em> 標籤來表示強調的文字，應該使用 <strong> 標籤來表示重要文字，應該使用 <mark> 標籤來表示標註的/突出顯示的文字。
<base> 標籤為頁面上的所有連結規定預設地址或預設目標。
通常情況下，瀏覽器會從當前文件的 URL 中提取相應的元素來填寫相對 URL 中的空白。
使用 <base> 標籤可以改變這一點。瀏覽器隨後將不再使用當前文件的 URL，而使用指定的基本 URL 來解析所有的相對 URL。這其中包括 <a>、<img>、<link>、<form> 標籤中的 URL。
例：
<base href="http://www.w3school.com.cn/i/" />
<img src="eg_smile.gif" /><br />我們已經為影象規定了一個相對地址。由於我們已經在 head 部分規定了一個基準 URL，瀏覽器將在如下地址尋找圖片：
"http://www.w3school.com.cn/i/eg_smile.gif"。
bdi 指的是 bidi 隔離。
<bdi> 標籤允許您設定一段文字，使其脫離其父元素的文字方向設定。
在釋出使用者評論或其他您無法完全控制的內容時，該標籤很有用。
| dir |
|
可選。規定 <bdi> 元素內的文字的文字方向。預設值：auto。 |
<big> 標籤呈現大號字型效果。
<button>
h5新屬性
| autofocus | autofocus | 規定當頁面載入時按鈕應當自動地獲得焦點。 |
| disabled | disabled | 規定應該禁用該按鈕。 |
| form | form_name | 規定按鈕屬於一個或多個表單。 |
| formaction | url | 覆蓋 form 元素的 action 屬性。 註釋：該屬性與 type="submit" 配合使用。 |
| formenctype | 見註釋 | 覆蓋 form 元素的 enctype 屬性。 註釋：該屬性與 type="submit" 配合使用。 |
| formmethod |
|
覆蓋 form 元素的 method 屬性。 註釋：該屬性與 type="submit" 配合使用。 |
| formnovalidate | formnovalidate | 覆蓋 form 元素的 novalidate 屬性。 註釋：該屬性與 type="submit" 配合使用。 |
| formtarget |
|
覆蓋 form 元素的 target 屬性。 註釋：該屬性與 type="submit" 配合使用。 |
<canvas>
| height | pixels | 設定 canvas 的高度。 |
| width | pixels | 設定 canvas 的寬度。 |
<canvas> 標籤定義圖形，比如圖表和其他影象。
<canvas> 標籤只是圖形容器，您必須使用指令碼來繪製圖形。