1.iframe 標(biāo)簽：
用來嵌套頁面
frameborder屬性：
frameborder=1（默認(rèn)值），一般設(shè)置frameborder=0來消除自帶的邊框
<iframe src="" frameborder="0"></iframe>
name屬性：
與a標(biāo)簽結(jié)合起來用
<iframe name="xxx" src="" frameborder="0"></iframe>
<a href=" " target="xxx"></a>
2.a 標(biāo)簽：?
用來跳轉(zhuǎn)頁面（HTTP GET 請(qǐng)求）
href 屬性：
包含超鏈接指向的 URL 或 URL 片段漾狼，href里可寫的內(nèi)容如下：
①http協(xié)議：<a >QQ</a>（不能寫為<a href="qq.com" download>QQ</a>的形式，）
②無協(xié)議絕對(duì)地址：<a >QQ</a>测僵，當(dāng)前頁面是什么協(xié)議就使用什么協(xié)議（此時(shí)默認(rèn)為file協(xié)議，如果用 file:// 協(xié)議瀏覽頁面谢翎，就會(huì)訪問到 file://qq.com捍靠，這是一個(gè)不存在的路徑），如想使用這種形式訪問正常的頁面森逮，則有以下兩種解決方法：
解決：方法一：上傳到GitHub,使用GitHub的預(yù)覽功能
? ? ? ? ? ?方法二：使用node.js搭建http-server服務(wù)器榨婆。下載http-server工具：依次使用命令npm -i -g http-server，http-server -c-1吊宋，在地址欄輸入http://127.0.0.1:8080/index.html纲辽，然后點(diǎn)擊a標(biāo)簽即可正常訪問
③相對(duì)路徑：<a href="xxx.html" >QQ</a>
④錨點(diǎn)：<a href="#adbysghs" >QQ</a>（錨點(diǎn)的作用是頁面內(nèi)跳轉(zhuǎn)，只有錨點(diǎn)不發(fā)起請(qǐng)求）
⑤查詢參數(shù)：<a href="?name=xxx" >QQ</a>
⑥JavaScript偽協(xié)議：<a href="javascript: alert(1);" >QQ</a>璃搜，
? ?偽協(xié)議用來寫一個(gè)點(diǎn)擊之后什么也不做的a標(biāo)簽：<a href="javascript: ;" >QQ</a>
download屬性：
用來指示瀏覽器下載 URL 而不是導(dǎo)航到它拖吼，因此將提示用戶將其保存為本地文件，有以下兩種下載方式：
①采用content-type: application/octer-stream協(xié)議：瀏覽器會(huì)以下載的形式接收請(qǐng)求这吻，而不是在頁面上展示吊档，此時(shí)直接點(diǎn)擊a標(biāo)簽就可以下載
②如果不是以上面的協(xié)議而是content-type: text/html協(xié)議的形式：則應(yīng)在a標(biāo)簽中加一個(gè)download提供下載，如? <a download>下載</a>
target屬性：
與iframe標(biāo)簽結(jié)合起來理解：如當(dāng)前有三個(gè)頁面index.html唾糯、index2.html怠硼、index3.html分別用iframe嵌套（index.html引用index2.html，index2.html引用移怯，index3.html）香璃，index3.html中寫入a標(biāo)簽：
<a target="_self">self QQ</a>
<a target="_blank">blank QQ</a>
<a target="_parent">parent QQ</a>
<a target="_top">top QQ</a>
_self：當(dāng)前頁面加載（index3.html 打開qq頁面）
_blank：新窗口打開
_parent：加載當(dāng)前頁面的父級(jí)頁面（上一層頁面），如果沒有parent框架或者瀏覽上下文舟误，此選項(xiàng)的行為方式與?_self?相同（index2.html 打開qq頁面）
_top：加載最頂層的窗口葡秒，如果沒有parent框架或者瀏覽上下文，此選項(xiàng)的行為方式與?_self?相同（index.html打開qq頁面）
詳細(xì)屬性見 MDN：https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/a?
3.form 標(biāo)簽
用來跳轉(zhuǎn)頁面（HTTP POST 請(qǐng)求），get用于獲取內(nèi)容眯牧，post用于上傳（提交）內(nèi)容
? ? <form action="users" method="POST" target="_blank">
? ? ? <input type="text" name="username">
? ? ? <input type="password" name="password">
? ? ? <input type="submit" name="提交">（必須要有提交按鈕蹋岩，否則無法提交）
? ? </form>
輸入name：1111，password：2222学少，點(diǎn)擊提交剪个，然后用Chrome查看請(qǐng)求，發(fā)現(xiàn)post請(qǐng)求第二部分中有：
Content-Type: application/x-www-form-urlencoded
www-form-urlencoded的語法：第四部分Form Data中顯示會(huì)出現(xiàn)：username=1111&password=2222
如果輸入的是中文版确，www-form-urlencoded會(huì)把中文變成對(duì)應(yīng)的utf-8扣囊，每個(gè)字節(jié)前加"%"，如用戶名輸入：你好阀坏，密碼框輸入：密碼如暖，則第四部分Form Data中顯示為：username=%E4%BD%A0%E5%A5%BD&password=%E5%AF%86%E7%A0%81
當(dāng)method="get"時(shí)，username=1111&password=2222則不會(huì)出現(xiàn)在第四部分Form Data中（永遠(yuǎn)無法出現(xiàn)在第四部分中）忌堂，而是會(huì)直接出現(xiàn)在查詢參數(shù)中。
當(dāng)method="post"時(shí)酗洒，username=1111&password=2222則會(huì)出現(xiàn)在第四部分Form Data中士修，另外，在action中加入?yún)?shù)樱衷，如<form action="users?zzz=233" method="POST">棋嘲，則也會(huì)出現(xiàn)查詢參數(shù)。
詳細(xì)屬性見 MDN：https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/form
4.input / button
區(qū)別：是否為「空標(biāo)簽」：input沒有子元素矩桂，button有子元素
? ?<form action="users" method="POST" target="_blank">
? ? ? <input type="text" name="username">
? ? ? <input type="password" name="password">
? ? ? <button>button</button>（form表單中的button會(huì)自動(dòng)升級(jí)為可提交的submit）
? ? </form>
表單<input>類型：
input 的屬性見：https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/Input
button 的屬性見：https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/button
5.label標(biāo)簽
? ? <form action="users" method="POST" target="_blank">
? ? ? <label>用戶名<input type="text" name="username"></label>
? ? ? <label>密碼<input type="password" name="password"></label>
? ? ? <label><input type="checkbox">勾選我</label>
? ? ? <button>button</button>
? ? </form>
將一個(gè)?<label>?和一個(gè)?<input>?元素匹配在一起沸移，可以將?<input>?直接放在?<label>?里，可以單擊關(guān)聯(lián)的標(biāo)簽來聚焦或者激活 input侄榴，以及 input 本身雹锣。
6.table 標(biāo)簽示例
table默認(rèn)是有邊框的，若要去除邊框癞蚕，則應(yīng)在CSS中給table加一個(gè)collapse屬性：
屬性見：https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/table
