（注1：如果有問題歡迎留言探討，一起學(xué)習(xí)！轉(zhuǎn)載請(qǐng)注明出處丛塌，喜歡可以點(diǎn)個(gè)贊哦！）
（注2：更多內(nèi)容請(qǐng)查看我的目錄畜疾。）
1. 元素的定義
html元素赴邻，指的是從開始標(biāo)簽（start tag）到結(jié)束標(biāo)簽（end tag）的所有代碼。
其擁有如下特點(diǎn)：
- HTML 元素以開始標(biāo)簽起始
- HTML 元素以結(jié)束標(biāo)簽終止
- 元素的內(nèi)容是開始標(biāo)簽與結(jié)束標(biāo)簽之間的內(nèi)容
- 某些 HTML 元素具有空內(nèi)容（empty content）
- 空元素在開始標(biāo)簽中進(jìn)行關(guān)閉（以開始標(biāo)簽的結(jié)束而結(jié)束）
- 大多數(shù) HTML 元素可擁有屬性
2. 元素分類
2.1 頂級(jí)元素 Top-level element
包括html, body, frameset, 表現(xiàn)如Block-level element, 屬于高級(jí)塊級(jí)元素啡捶。
2.2 塊級(jí)元素：Block-level element
以塊顯示的元素姥敛，高度寬度都是可以設(shè)置的。比如我們常用的 p, h1~h6, div, ul 默認(rèn)狀態(tài)下都是屬于塊級(jí)元素瞎暑。塊級(jí)元素默認(rèn)狀態(tài)下每次都占據(jù)一整個(gè)行彤敛，后面的內(nèi)容也必須再新起一行顯示忿偷。當(dāng)然非塊級(jí)元素也可以通過css的display:block;將其更改成塊級(jí)元素。此外還有個(gè)特殊的臊泌，float也具有此功能。
塊級(jí)元素能夠獨(dú)立存在揍拆，一般的塊級(jí)元素之間以換行(如一個(gè)段落結(jié)束后另起一行)分隔渠概。塊級(jí)元素是構(gòu)成一個(gè)html的主要和關(guān)鍵元素，而任意一個(gè)塊級(jí)元素均可以用Box model（盒模型）來解釋說明嫂拴。
可以這么理解播揪，頁面就像一個(gè)個(gè)盒子壘起來，每個(gè)盒子就是一個(gè)塊狀元素筒狠。
有哪些塊元素呢猪狈？我按照自己寫頁面時(shí)的使用頻率來排序：
- 常用
- div 常用來組合塊級(jí)元素，像幾個(gè)小盒子組成的大盒子一樣辩恼，作為一個(gè)分區(qū)
- p 段落
- h1~h6 標(biāo)題
- table 表格
- ul 無序列表
- ol 有序列表
- li 列表項(xiàng)
- hr 水平分隔線
- 不常用
- form html表單
- dl 定義列表
- blockquote 常引用
- 基本不用（那就不列舉了雇庙，記住上面這些就夠了）
更多塊狀元素請(qǐng)參考Block-level elements
2.3 內(nèi)聯(lián)元素 Inline element
通俗點(diǎn)來說就是文本的顯示方式，與塊級(jí)元素相反灶伊，內(nèi)聯(lián)元素的高度寬度是不可以設(shè)置的疆前，其寬度就是自身文字或者圖片的寬度。我們常用到的<a>聘萨、<span>竹椒、<em>都屬于內(nèi)聯(lián)元素。內(nèi)聯(lián)元素的顯示特點(diǎn)就是像文本一樣的顯示米辐，不會(huì)獨(dú)自占據(jù)一個(gè)行胸完。當(dāng)然內(nèi)聯(lián)元素也能變成塊級(jí)元素，那就是通過css的display:inline;和float來實(shí)現(xiàn)翘贮。
內(nèi)聯(lián)元素依附其他塊級(jí)元素存在赊窥，緊接于被聯(lián)元素之間顯示，而不換行择膝。
可以理解為書架上的書本誓琼，有高有低，有寬有窄肴捉，取決于其內(nèi)容本身腹侣。牢記一點(diǎn)：內(nèi)聯(lián)元素的高度寬度都是不可以設(shè)置的，其寬度就是自身文字或者圖片的寬度傲隶。
內(nèi)聯(lián)元素如下：
- 常用
- span 和div對(duì)于塊元素的作用一樣跺株，sapn用來組合內(nèi)聯(lián)元素巧颈。
- a 鏈接
- input 輸入框
- img 圖片
- button 按鈕
- select 單選或多選框
- br 換行（你無法為它設(shè)置寬高）
- textarea 多行文本輸入框
- b，big，i盏筐，em 設(shè)置文本效果的基本都是
- 不常用
- q 短引用
- 基本不用（不做列舉）
更多內(nèi)聯(lián)元素請(qǐng)參考Inline elements
參考：
W3school-HTML元素
HTML-塊級(jí)元素和內(nèi)聯(lián)元素
html塊級(jí)元素與行內(nèi)元素
Html中行內(nèi)元素有哪些？塊級(jí)元素有哪些？
行內(nèi)元素和塊級(jí)元素
元素類型
Block-level elements
Inline elements
