HTML快速布局
What is the HTML ?
HTML是一種網頁布局標準，是瀏覽器解析渲染的一種規(guī)則，所有的頁面渲染都是按照HTML規(guī)則去渲染，瀏覽器搭建頁面就如果建筑師傅搭建樓層一樣，一個由上至下，另一個則是由下至上。
HTML標簽有兩種，一種是單標簽：
<標簽 / >? ? ?? / >?表示標簽的結束， 一般單標簽內不嵌套任何內容。 如input輸入標簽:?
<input type="txt" alt="" />
另一種是雙標簽：開始標簽與結束標簽 進行搭配
< 標簽 >內容< / 標簽> 雙標簽的 >內容< 部分表示 需要標簽包含內容的部分。 如：
<p>我是一段文字</p>
HTML需要抽象的去學習
有的人學習HTML只記住了HTML的基本用法，雖然記得很清楚，但是頁面布局起來，就是要比別人慢，需要一個一個去調試，這種行為其實在一定程度上是不優(yōu)雅的，HTML頁面的布局就像蓋房子一樣，一個塊級元素就像一層樓，一個行內元素就像樓層里面的沙發(fā)，冰箱，桌子,頁面布局其實就像是在蓋房子一樣，充滿抽象，充滿思考，一個高級的前端，甚至可以做到先寫完HTML再開始慢慢填充CSS樣式，塊級元素就像是一個大盒子，盒子可以設置他的寬高大小，甚至可以比網頁可視頁面還要大，而行內元素就如同一張沙發(fā)，沙發(fā)有長有短，沙發(fā)到底在樓層(塊級元素)占多少，就完全取決于沙發(fā)的木材有多少（行內元素的內容，例如文字有多少），這是有空間、抽象、藝術等方面內涵其中的，學習HTML時，推薦大家多思考，想通了抽象的問題，那么頁面布局就一步千里了。
如果網頁布局總是很慢，可以多思考上面這段話，多看幾遍。
要不要記住所有的HTML標簽？
這里可以明說：不需要。真的沒有必要記住所有的標簽，只要記住一些常用的標簽就可以了，這里給大家例舉一些開發(fā)中常用的標簽使用
塊級元素：div、view、
行內元素： p、span、
行內塊元素： img、input、
其余特殊標簽 ： link 、style、 script
開發(fā)中常用的就是這些標簽，一般都是用此類標簽去進行樣式的修改達到如同其他標簽的效果，如div可通過加border、hover等方法變更成為一個button標簽，p標簽通過設置下劃線與color變成a標簽。其余的標簽只要有個大概的了解就可以了，就可以了！
本文章不引戰(zhàn)、不做辨析，只是本人對前端目前行業(yè)的分析，如有不對的地方請指出。
掘金、B站ID： 無我code
