1.<!DOCTYPE html>聲明文檔的解析類型，避免瀏覽器的怪異模式（非html標(biāo)簽）
2.<html lang="en">整個(gè)網(wǎng)頁(yè)，lang規(guī)定元素內(nèi)容的語(yǔ)言（en英語(yǔ)，zh中文）
3.<head>頁(yè)面頭部，可包含元信息，頁(yè)面標(biāo)題，外部樣式表引用，base標(biāo)簽，style標(biāo)簽和script標(biāo)簽
4.<meta>提供有關(guān)頁(yè)面的元信息，置于<head>中最上方
字符編碼<meta charset="utf-8/gb2312" />
網(wǎng)站作者<meta name="author" content=" " />
網(wǎng)站描述<meta name="Description" content=" " />
網(wǎng)站關(guān)鍵字<meta name="Keywords" content=" " />
避開(kāi)防盜鏈<meta name='referrer' content="never" />
視圖模式<meta name="viewport" content="width=device-width,initial-scale=1.0" />
5.<title>頁(yè)面標(biāo)題
6.<link rel="stylesheet" type="text/css" href=" " />引入外部樣式表
7.<body>頁(yè)面主體
8.<div>元素容器，常用于布局
9.<span>文本容器，方便設(shè)置樣式（結(jié)構(gòu)化）
10.<p>段落
11.<h1>~<h6>，h1頂層標(biāo)題（唯一性），其他為子標(biāo)題
12.<b>加粗字體
13.<strong>加粗，強(qiáng)調(diào)語(yǔ)氣（語(yǔ)義化）
14.<i>斜體
15.<em>斜體，強(qiáng)調(diào)文本 （語(yǔ)義化）
16.<del>刪除
17.<sup>上標(biāo)
18.<sub>下標(biāo)
19.<pre>預(yù)格式化文本標(biāo)簽
20.<blockquote>塊引用（獨(dú)立成塊，首行縮進(jìn)）
21.<q>短引用（瀏覽器可能解析成斜體或加引號(hào)）
22.<abbr title=" ">縮略詞，title為元素內(nèi)容的提示工具
23.<bdo dir="rtl">定義文本排列順序（rtl左到右，rtl右到左）
24.<ruby>文字<rt>wenzi</rt></ruby> 注拼音
25.<mark>標(biāo)記高亮
26.<marquee>跑馬燈（可添加事件，方向，速度，次數(shù)等）
27.<details>定義文檔細(xì)節(jié)，子標(biāo)簽<summary>定義隱藏內(nèi)容的標(biāo)題（兼容性差）
28.<br />換行符
29.實(shí)體字符
大于號(hào)：> 小于號(hào)：<
空格符： 引號(hào)："
注冊(cè)商標(biāo)：® ? 版權(quán)：© ?
&符號(hào)：&
30.<a> href：跳轉(zhuǎn)鏈接地址，title: 提示工具，target：跳轉(zhuǎn)方式
錨點(diǎn)：跳轉(zhuǎn)到特定位置，為目標(biāo)添加屬性name或者id，href='(鏈接)#name/id'
_self:(默認(rèn)值)在當(dāng)前頁(yè)面打開(kāi)鏈接
_blank:跳轉(zhuǎn)到新窗口
_top:跳轉(zhuǎn)到當(dāng)前窗口的頂部
a:link 未被訪問(wèn)的鏈接
a:visited 已被訪問(wèn)的鏈接
a:focus 聚焦到鏈接上
a:hover 鼠標(biāo)指針移動(dòng)到鏈接
a:active 正在被點(diǎn)擊的鏈接
31.<img> src：圖片路徑，alt：路徑錯(cuò)誤時(shí)候的提示語(yǔ)(替代文字)
32.<table> border邊框，cellspacing單元格間距離，cellpadding單元格與內(nèi)容距離
表頭<th>字體加粗,水平垂直居中，行<tr>，內(nèi)容<td>: 字體正常，默認(rèn)左對(duì)齊，<caption>表格標(biāo)題
行合并：rowspan，列合并：colspan，垂直對(duì)齊方式valign：
top:頂部對(duì)齊
middle：垂直居中對(duì)齊
bottom：底部對(duì)齊
baseline：文字基線對(duì)齊
- <li> 列表項(xiàng)
無(wú)序列表 <ul> 類型type：square方塊，circle空心圓，disc實(shí)心圓(默認(rèn)值)
有序列表 <ol> 類型type：
1阿拉伯?dāng)?shù)字
a小寫(xiě)英文字母
A大寫(xiě)英文字母
i小寫(xiě)羅馬數(shù)字
I大寫(xiě)羅馬數(shù)字
定義列表 <dl>，<dt>標(biāo)題，<dd>內(nèi)容（dl包裹dt和dd，dt與dd并列關(guān)系）
34.語(yǔ)義化標(biāo)簽
<header>頭部
<nav>導(dǎo)航
<section>內(nèi)容(相關(guān)信息)
<article>文章(獨(dú)立塊)
<aside>邊欄
<footer>底部
35.iframe:內(nèi)聯(lián)框架，引入其他頁(yè)面
src：引入的目標(biāo)頁(yè)面路徑
frameborder：邊框，0/no表示隱藏，1/yes表示顯示
scrolling：滾動(dòng)條，no:隱藏，yes：顯示，auto：自動(dòng)
優(yōu)點(diǎn)：提取網(wǎng)站公共部分，比如底部的信息
缺點(diǎn)：不利于搜索引擎優(yōu)化，爬蟲(chóng)不能識(shí)別iframe引入頁(yè)面的內(nèi)容。
36.熱區(qū)：通過(guò)map的名字與圖片關(guān)聯(lián)起來(lái)
屬性：shape：定義地圖形狀，coords定義坐標(biāo)，href：定義地圖鏈接地址
定義地圖坐標(biāo)方法：
矩形rect：矩形左上角到大圖左上角的距離坐標(biāo)值（x，y），右下角同
圓形circle：目標(biāo)地圖距大圖左上角的圓心坐標(biāo)與半徑
自定義形狀poly：目標(biāo)地圖坐標(biāo)從左上角開(kāi)始依次順時(shí)針測(cè)量出每個(gè)角的坐標(biāo)值
<img src="eg.jpg" usemap="hotmap" />
<map name="hotmap">
<area shape="rect" coords="181,120,279,204" href="" alt="" />
<area shape="circle" coords="184,500,50" href="" alt="" />
<area shape="poly" coords="234,282,267,350,201,350" href="" alt="" />
</map>
37.<form> 表單
action:提交數(shù)據(jù)的路徑，method:表單提交方式，enctype:表單提交數(shù)據(jù)的格式
get:提交內(nèi)容通過(guò)?拼接在地址后面,不適于傳輸敏感信息（安全性）
post:適合用于敏感信息提交與數(shù)據(jù)較多時(shí)使用
<fieldset>表單域 <legend>表單標(biāo)題 <button>按鈕
表單元素類型type(默認(rèn)為text)
radio：?jiǎn)芜x框
text：文本框
password：密碼
checkbox：復(fù)選框
submit：提交按鈕
reset：重置按鈕
image：提交表單圖片按鈕
button：普通按鈕
hidden：隱藏域
file：上傳文件(用post，數(shù)據(jù)格式為enctype="multipart/form-data")
color:拾色器
data:日期控件
email:郵箱，判斷郵箱地址格式是否正確
number:只能輸入數(shù)字
search:搜索框
url:url字段，提交表單時(shí)會(huì)檢測(cè)url地址格式是否正確
required:必填項(xiàng)
placeholder:用戶提示語(yǔ)
readonly:只讀,數(shù)據(jù)有提交
disabled:禁用，數(shù)據(jù)不提交
maxlength:最大長(zhǎng)度
size:定義input框大小
checked:復(fù)選框默認(rèn)選項(xiàng)
accept:定義文件上傳類型
38.多行文本域 <textarea>，rows：行數(shù)，cols：列數(shù)
resize:none：禁止用戶拉伸文本框， 瀏覽器不能解析多行文本域里的標(biāo)簽
39.下拉框 <select> 選項(xiàng) <option> 下拉框分組<optgroup>
size：定義下拉框顯示行數(shù)
selected：定義默認(rèn)選項(xiàng)
multiple：表示可多選
disabled：禁用
40.給任何元素添加contenteditable=“true”屬性時(shí)，即變成可編輯狀態(tài)
41.音頻 <audio>
src：音頻路徑
autoplay：自動(dòng)播放
controls：音樂(lè)控制器
loop：循環(huán)播放
preload：預(yù)加載，當(dāng)設(shè)置了autoplay時(shí)此屬性不起效
<audio autoplay="autoplay" controls="controls" loop>
<source src="media/eg.mp3" />
<source src="media/eg.ogg" />
<source src="media/eg.wav" />
<p>您的設(shè)備過(guò)時(shí)了</p>
</audio>
42.視頻 <video> (同上，poster海報(bào)，muted靜音)
<video>
<source src="media/eg.mp4" type="video/mp4"></source>
<source src="media/eg.ogv" type="video/ogg"></source>
<source src="media/eg.webm" type="video/webm"></source>
當(dāng)前瀏覽器不支持 video，請(qǐng)點(diǎn)擊下載視頻： <a href="">下載</a>
</video>
43.畫(huà)布 <canvas>，用于繪制圖像(僅僅是圖形的容器，須使用腳本來(lái)完成實(shí)際的繪圖任務(wù))
44.<svg> 可伸縮矢量圖形，可通過(guò)<svg>，<img>，<embed>，<object>或<iframe>嵌入HTML ，也可作為css背景圖形式展示
45.<hr />水平分隔線
46.<base href=“/link/”>控制整個(gè)頁(yè)面所有外部鏈接的根地址，會(huì)自動(dòng)拼接在該頁(yè)面下所有相對(duì)地址前面
47.<address>定義聯(lián)系信息
48.<cite>定義作品的標(biāo)題
49.<code>定義代碼文本
50.<dnf>定義一個(gè)定義項(xiàng)目
51.<ins>被插入文檔中的文本
52.<kbd>定義鍵盤(pán)文本
53.<progress>屬性max:val任務(wù)值 , value:val當(dāng)前值
54.<samp>定義計(jì)算機(jī)代碼樣本
55.<small>定義小號(hào)文本
56.<time>定義日期/時(shí)間
57.<noscript>不支持JS時(shí)的替代文本
