HTML中的塊元素和行內(nèi)元素區(qū)別及相互轉(zhuǎn)換

塊元素和行內(nèi)元素的區(qū)別
塊元素（block element）：在網(wǎng)頁中一段通過塊元素對(duì)頁面進(jìn)行布局的。
行內(nèi)元素（inline element）：主要用來包裹文字。
一般情況下會(huì)塊元素中放行內(nèi)元素，而不會(huì)再行內(nèi)元素放塊元素。塊元素中基本上什么都能放。
但p元素中不能任何的塊元素，請(qǐng)看下面的例子。
瀏覽器在解析網(wǎng)頁時(shí)，是自上而下的方式進(jìn)行解析，并且會(huì)自動(dòng)對(duì)網(wǎng)頁中不符合規(guī)范的內(nèi)容進(jìn)行修正。
比如：
標(biāo)簽寫在了根元素的外部
p元素中嵌套了塊元素
根元素中出現(xiàn)了除head和body以為的子元素
塊元素與行內(nèi)元素的相互轉(zhuǎn)換
HTML可以將元素分類方式分為行內(nèi)元素、塊狀元素和行內(nèi)塊狀元素三種。首先需要說明的是，這三者是可以互相轉(zhuǎn)換的，使用display屬性能夠?qū)⑷呷我廪D(zhuǎn)換：
(1)display:inline;轉(zhuǎn)換為行內(nèi)元素
(2)display:block;轉(zhuǎn)換為塊狀元素
(3)display:inline-block;轉(zhuǎn)換為行內(nèi)塊狀元素
在HTML5中，程序員可以自定義標(biāo)簽，在任意定義標(biāo)簽中，加入display:block;即可，當(dāng)然也可以是行內(nèi)或行內(nèi)塊狀。