html標(biāo)簽大多可分為塊級元素和行內(nèi)元素，有些標(biāo)簽在頁面屬于不可見的如<link>等观游，面試時說塊級元素和行內(nèi)元素就夠了稽屏。
塊級元素
可以設(shè)置寬高，默認寬度100%抛虫，部分有獨有的子元素標(biāo)簽松靡。
典型的有<div><p><ul>
行內(nèi)元素
一般不可以設(shè)置寬高，多個行內(nèi)元素顯示時會在同一行顯示建椰，但是部分行內(nèi)元素可以設(shè)置寬高雕欺，如<input>< img>，而不可設(shè)置的如<span><a>棉姐。按照規(guī)范屠列，行內(nèi)元素內(nèi)不可以有塊級元素，不過有的話有時也沒啥事伞矩，但最好還是規(guī)范的來笛洛。
萬能的div和span
作為典型的容器元素，單靠div和span幾乎能完成所有的布局扭吁，但是他們歸根到底還是容器元素撞蜂，廚師能切菜盲镶，但是有切菜工還是讓切菜工去做吧。了解其他標(biāo)簽可以從這兩個入手蝌诡。
--塊級派---
div與類div
瀏覽器表現(xiàn)為一個占了一整行的矩形溉贿，沒有邊距，而且他的塊級元素如p等瀏覽器可能會添加一些邊距浦旱。一個純粹的塊級容器元素宇色，沒有什么特殊的語義，跟他一樣的還有html5新增的一些語義化標(biāo)簽颁湖，如header 宣蠕、footer、section等甥捺，他們都是單純的容器標(biāo)簽抢蚀，了解就可以用來替代div，不然直接用div就行镰禾。
當(dāng)你想表示頁面內(nèi)的一整行的容器時推薦用div或者header 皿曲、footer、section等語義化且無特殊表現(xiàn)的容器元素
p與h1-h6的標(biāo)簽
這兩個在瀏覽器表現(xiàn)也是占一行吴侦，但是可能會自帶一些邊距屋休，也就是跟其他元素上下保持一些距離。p是段落备韧，h系列是標(biāo)題劫樟，自帶加粗，且字號h1最大织堂，h6最小叠艳。標(biāo)簽內(nèi)不可包含其他塊級元素。
當(dāng)你想表示一段話的時候用p標(biāo)簽捧挺，表示標(biāo)題時用h系列虑绵，建議標(biāo)題從h2開始而不是h1
ul ol dl 列表元素
ul無序列表 ol有序列表，瀏覽器表現(xiàn)為自帶內(nèi)邊距padding闽烙，和上下外邊距翅睛，其特有子元素為li標(biāo)簽，li自帶標(biāo)記點黑竞，無序列表為小黑點捕发，有序為123等，可通過樣式修改很魂。一般用于文章列表排行榜導(dǎo)航等部分扎酷。
dl自定義列表，特有子元素有dt和dd遏匆，我用的不多法挨，可后續(xù)了解谁榜。
當(dāng)你需要列表，排行榜凡纳，條款等那些連續(xù)且樣式都差不多的時候可以用列表元素窃植，有序ol無序ul，子元素都是li
table 大表哥
table 表格元素荐糜，不設(shè)置屬性的話瀏覽器表現(xiàn)為很丑的一個表格巷怜，多年以前是網(wǎng)頁布局的常客暴氏，現(xiàn)被div替代延塑，特有子元素非常多，非常多答渔，非常多关带，如下，
<table>
<caption>九宮</caption>
<colgroup>
<col></col>
<col span="2" width="100px"></col>
</colgroup>
<thead>
<tr><th>1</th><th>2</th><th>3</th></tr>
</thead>
<tbody>
<tr><td>4</td><td>5</td><td>6</td></tr>
</tbody>
<tfoot>
<tr><td>7</td><td>8</td><td>9</td>
</tr>
</tfoot>
</table>
自帶屬性非常多研儒，非常多豫缨，非常多，反正我是沒記住端朵。
當(dāng)你需要表格的時候就用吧，需要注意的就是多了解自帶的一些屬性燃箭，尤其合并單元格
form 表單
后面跟部分行內(nèi)元素單獨寫冲呢。
--行內(nèi)派--
span
瀏覽器沒啥表現(xiàn)形式，無法設(shè)置寬高招狸，內(nèi)容多大就占多大地方敬拓，但可以通過padding來修改所占空間。
用來包裹一些文本或行內(nèi)元素來修改樣式時常用span
