1、常用標(biāo)簽：
section：板塊，指某個(gè)區(qū)域或者是某個(gè)板塊，也可以劃分文章里不同的章
header：頁(yè)面頭部或者是板塊頭部
footer：頁(yè)面尾部或者是板塊尾部
nav:導(dǎo)航，包含鏈接的列表
article:獨(dú)立+不同+完整結(jié)構(gòu)，，比如論壇的一個(gè)帖子 報(bào)紙或雜志的一篇文章 用戶提交的評(píng)論等
aside：獨(dú)立中的獨(dú)立，經(jīng)常和article一塊出現(xiàn)，區(qū)分某一塊中其他類型的東西， 比如：廣告 推薦等```
2、a標(biāo)簽：
1、添加超鏈接
2、添加下載內(nèi)容
3、添加錨點(diǎn)
(注意：a:hover是設(shè)置高亮狀態(tài) .active:是設(shè)置點(diǎn)擊狀態(tài))
常用：設(shè)置新窗口打開，，base標(biāo)簽設(shè)置新窗口屬性和基礎(chǔ)鏈接
3、路徑問題：
1、同目錄下直接 目錄名/資源名
1、../是返回上一目錄（可以一次向上類推）
4、html標(biāo)簽語(yǔ)義化：意思就是什么地方我們就去用什么樣的標(biāo)簽，使搜索引擎更好的認(rèn)識(shí)我們的頁(yè)面，SEO排名
5、標(biāo)簽的分類:塊 和 內(nèi)嵌
塊：1、獨(dú)占一行 總是換行 2、可以設(shè)置寬高 3、可以設(shè)置位置屬性 4、不設(shè)置寬度 自動(dòng) 撐滿正行
內(nèi)嵌：1、只在一行顯示， 2、不可以設(shè)置寬高 3、不可設(shè)置位置屬性 4、寬度由 內(nèi)容撐開
注意:內(nèi)嵌之間有時(shí)候會(huì)有間隙（間隙寬度就是一個(gè)字符的寬度），是因?yàn)閮蓚€(gè)內(nèi)嵌標(biāo)簽換行導(dǎo)致的（內(nèi)嵌代碼換行會(huì)被解析的）
6、標(biāo)簽的默認(rèn)屬性：
一般標(biāo)簽使用時(shí)會(huì)有默認(rèn)屬性，我們不需要時(shí)可以隨時(shí)去掉，比如（ul、ol、li、a、p、h、img等等），詳情可看：默認(rèn)屬性.html
7、inlineBlock的特征：(塊元素和內(nèi)嵌元素 是可以相互轉(zhuǎn)化的)
1、使塊元素在一行顯示
2、行內(nèi)元素支持設(shè)置寬高和塊級(jí)元素能夠設(shè)置的屬性
3、不管是內(nèi)聯(lián)元素和塊元素沒有設(shè)置寬度時(shí) 內(nèi)容撐開寬度
4、標(biāo)簽之間換行被解析(問題)
5、IE6、7不支持快標(biāo)簽的inlineBlock（問題 ）
8、浮動(dòng)的特征：使標(biāo)簽元素脫離文檔流，按照指定方向（浮動(dòng)設(shè)置的方向）發(fā)生移動(dòng)，遇到父級(jí)邊界或相鄰的浮動(dòng)元素停下來(lái)
1、一旦給元素設(shè)置浮動(dòng)，那么他后面的元素都會(huì)發(fā)生浮動(dòng)效果，除非設(shè)置清除浮動(dòng),后面的元素才不會(huì)受到影響
2、使塊元素在一行顯示
3、行內(nèi)元素支持設(shè)置寬高和塊級(jí)元素能夠設(shè)置的屬性
4、不管是內(nèi)聯(lián)元素和塊元素沒有設(shè)置寬度時(shí) 內(nèi)容撐開寬度
5、同級(jí)標(biāo)簽和不同級(jí)標(biāo)簽會(huì)有不同
9、position定位(相對(duì)定位 )：
1、不會(huì)使元素脫離文檔流
2、不影響元素本身的屬性
3、需要移動(dòng)誰(shuí) 就給誰(shuí)添加position
4、他只影響自己，不會(huì)使后面的元素發(fā)生移動(dòng)
position定位(絕對(duì)定位 )：
1、使元素完全脫離文檔流
2、使行內(nèi)元素支持設(shè)置寬高和塊級(jí)元素能夠設(shè)置的屬性
3、因?yàn)樗撾x文檔，所以會(huì)影響后面的元素
4、塊級(jí)元素 是內(nèi)容撐開寬度
5、相對(duì)于父級(jí)移動(dòng)，如果沒有父級(jí) 則相對(duì)整個(gè)文檔移動(dòng)
position定位(固定定位 )：
1、使元素完全脫離文檔流
2、使行內(nèi)元素支持設(shè)置寬高和塊級(jí)元素能夠設(shè)置的屬性
3、因?yàn)樗撾x文檔，所以會(huì)影響后面的元素
4、塊級(jí)元素 是內(nèi)容撐開寬度
5、始終相對(duì)整個(gè)窗口定位，，不支持IE6
注意：絕對(duì)定位和固定定位 會(huì)使元素脫離文檔 要使其父視圖生效 必須給父視圖也要設(shè)置position屬性，可以不設(shè)置偏移
10、z-index:設(shè)置視圖的層級(jí) 只是數(shù)字
11、透明度問題opacity:
1、范圍是0~1
2、給父視圖添加透明度，子視圖也會(huì)隨著父視圖透明
12、表格table：
1、table(表格),thead(表頭),tbody(表身),tr(行),th(表頭的列),td(表身的列)
2、border-collapse: collapse; /* 合并表格之間的間隙 */
3、colspan 合并行的單元格 需要在當(dāng)前行刪除一列
4、rowspan 合并列的單元格 需要?jiǎng)h除合并里面最后一行的任意一列
13、表單form：提交數(shù)據(jù)的載體（基本上我們所有和html直接交互的都是通過(guò)表單 來(lái)實(shí)現(xiàn)的）
1、表單里面包含：<input type="類型" value="值" name="標(biāo)識(shí)名字"/>
2、類型有：text(文本框)；password(密碼框)；radio(單選按鈕)；checkbox(復(fù)選按鈕)；submit(提交按鈕)
reset(重置按鈕)；button(普通按鈕)；image(圖片按鈕)；file(文件上傳)；hidden(隱藏，不需要用戶看到，但又需要提交給表單)；
