Tips：
????1呀伙、為什么在`<head>`引入`<script>`不好用茁彭，因為當script引入的js需要操作節(jié)點時，`<body>`中的結(jié)構(gòu)還沒有讀取到
? ? 2析恋、所有容器的子元素剧浸，不設寬高的話寬度都是默認鋪滿的锹引，只有高度需要自行設置，不是只有flex唆香、grid布局才鋪滿
href是關(guān)聯(lián)當前元素和引用資源之間的聯(lián)系嫌变；
src是引用資源，表示替換當前元素
錨點鏈接：定位到頁面內(nèi)某一位置(#號代表錨點)(返回頂部使用逆向)躬它、用name或者id為特定位置起名腾啥，全稱<a href="a.html#name1">回到頂部</a>，之后簡寫成“#id”了
<a href="#link">標題</a>
? ? ? ? 也可以“<a href=javascript：一段js代碼;”，表示在觸發(fā)“<a>”默認操作時倘待，執(zhí)行一段js代碼
<h3 id="link">內(nèi)容</h3>（使用id和name功用一樣疮跑，命名規(guī)范不同）
:target選擇器可以為錨點添加樣式
download屬性既可以用來指定下載鏈接，也可以指定下載文件名凸舵，只要download有下載地址祖娘，href是否為空都可以下載
target屬性：a標簽將以何種方式跳轉(zhuǎn)，‘_blank’在新窗口打開啊奄，‘_self (默認)’
Tips：
????????1渐苏、將a標簽填滿容器，并透明顯示菇夸，從而實現(xiàn)定位跳轉(zhuǎn)
th和td不同的一點是th帶加粗
頁面想不跳轉(zhuǎn)加#或者不寫鏈接都可琼富，但是#可以不刷新頁面
input標簽：表單中的value值代表向服務器傳遞的數(shù)據(jù)；name是表單元素的名稱庄新，選項框都要有相同的鞠眉；
form標簽：action表示向何處發(fā)送的地址
select標簽：由option標簽組成，size屬性表示的是顯示行數(shù)择诈；option中selected屬性設置默認選項
Auto Rename Tag 標簽自動補全
地址可以用#械蹋，target不能用#作為屬性
Ctrl+/? 注釋快捷鍵
只有“按鈕”input屬性可以用value顯示文字
button標簽：title屬性可以顯示懸停文字
<div>和<span>標簽
div獨占一行，把標簽中的內(nèi)容分割成塊吭从，里面什么都能放朝蜘；span不換行，文本級標簽涩金，不能放p、h暇仲、ul步做、dl、ol奈附、div全度。
div是專門為css而生的，搭配“div+css”實現(xiàn)各種樣式斥滤，實際開發(fā)中很少使用文本標簽将鸵，都是容器標簽。
容器標簽（同時也是塊級元素）：div? ul? li? ol? dl(定義列表)
div+css只會用到很少的標簽：div? a? span? img? input? ul(無序列表)? ol(有序列表)? dl(自定義列表)??
span是行內(nèi)元素佑颇，不設為block無法設置寬高
span適用于文字顶掉，會自動根據(jù)文字長度和大小改變寬高，但是當父元素設置為flex布局時挑胸，會將未設寬高的元素自動鋪滿
<img>標簽：如果想保證圖片等比例縮放痒筒，只設置width和height中的一個，剩下的寬或高頁面會自適應。
dl（定義列表簿透，用的非常多）：dt(標題)是必須的移袍，dd非必須
<ul>和<ol>都是用<li>，<dl>使用<dt>和<dd>
用什么標簽不是根據(jù)樣子來決定老充，而是根據(jù)結(jié)構(gòu)(語義)葡盗，dl和div都是常用結(jié)構(gòu)
表格是由行組成的(行是由列組成的)，而不是由行和列組成
Get和Post提交的區(qū)別：
Get會以鍵值對的形式將提交的數(shù)據(jù)追加在后面啡浊，以觅够？間隔；
Post發(fā)送的數(shù)據(jù)則是不可見
value在input中的作用：對于checkbox和radio來說是必須的虫啥，該值會發(fā)送至表單蔚约。對其他是默認顯示內(nèi)容。
placeholder跟value的不同：不會被提交表單涂籽，在獲得焦點時自動消失苹祟；設置定位屬性有效(position和left)，但是不能用外邊距
用id屬性的元素會在dom中自動注冊评雌，不需要getElement可以直接用id名調(diào)用節(jié)點方法
用在拖拽目標上的事件：
ondragstart - 用戶開始拖動元素時觸發(fā)
ondrag - 元素正在拖動時觸發(fā)
ondragend - 用戶完成元素拖動后觸發(fā)
用在拖拽容器上的事件：
ondragenter?- 當被鼠標拖動的對象進入其容器范圍內(nèi)時觸發(fā)此事件
ondragover?- 當某被拖動的對象在另一對象容器范圍內(nèi)拖動時觸發(fā)此事件
ondragleave - 當被鼠標拖動的對象離開其容器范圍內(nèi)時觸發(fā)此事件
ondrop - 在一個拖動過程中树枫，釋放鼠標鍵時觸發(fā)此事件
span標簽是inline不是block，所以顯示不出來圖形樣式
行內(nèi)進行運算時需要加括號
HTML屬性名對大小寫不敏感景东，會統(tǒng)一轉(zhuǎn)換成小寫砂轻，在js中是駝峰式的寫法在HTML中寫成短橫線分隔，或者統(tǒng)一都寫成短橫線
html的加載順序：
????????解析html結(jié)構(gòu) -> 加載外部腳本和樣式表文件 -> 解析并執(zhí)行腳本代碼 -> 構(gòu)造html dom模型 -> 加載圖片等外部文件 -> 頁面加載完畢斤吐。
? ??????html文件從上至下讀取搔涝，如果“head”中外部引入文件讀取慢，則會發(fā)生“js阻塞”和措，只有等前一個文件/服務器讀取完才能執(zhí)行后面的操作
解決辦法：
? ? ? ? 1庄呈、使用 v-cloak指令<div v-cloak>{{msg}}</div>；這個指令保持在元素上知道關(guān)聯(lián)實例結(jié)束編譯
? ? ? ? 2派阱、使用 v-html指令 <div v-html='msg'></div>
????????3诬留、使用 v-text指令 <div v-text='msg'></div>
? ??????4、使用template標簽將需要渲染的 html 包起來贫母；template標簽??是一種用于保存客戶端內(nèi)容的機制文兑，該內(nèi)容在頁面加載時不被渲染，但可以在運行時使用JavaScript進行實例化腺劣。
HTML全局屬性(可以與所有元素一起使用)：
? ? ? ? title：為元素標簽添加鼠標懸停信息
? ? ? ? data-*：搭配 `getAttribute(' ')`方法 來獲得標簽上的自定義 `data-*` 屬性绿贞；
????????????????通過JS中 `dataset.后綴名` 設置/setAttribute('data-*'，值)
????????????????或者通過JQ中 `data('后綴名')`方法 設置
? ??????draggable：鏈接和圖像默認是可拖動的
? ? ? ? 其他的還有style和class等
取值類型：
? ? 1誓酒、·<input type="checkbox/radio">·值存在dom節(jié)點的·checked·屬性中
? ? 2樟蠕、·<input type="text">·值存在dom節(jié)點的·value·屬性中
? ? 3贮聂、·<input type="text">·值存在dom節(jié)點的·files·屬性中，是個類似數(shù)組的·只讀·類型寨辩，不具有數(shù)組常用的那些方法吓懈，只能用for循環(huán)遍歷取出里面的對象，添加到自定義數(shù)組中靡狞，展示和上傳文件時使用自定義數(shù)組
