網(wǎng)頁(yè)分為多個(gè)相互分開(kāi)的板塊，比如最上面的導(dǎo)航、中間的內(nèi)容、最下面的頁(yè)腳，每個(gè)板塊內(nèi)又包含其它不同內(nèi)容，這時(shí)候就需要用到嵌套。

div標(biāo)簽是一個(gè)塊級(jí)元素，把文檔分割出一個(gè)獨(dú)立的部分，p標(biāo)簽表示段落，也是一個(gè)塊級(jí)元素。

<div><p></p></div>表示：塊級(jí)元素div內(nèi)包含一個(gè)段落p。

①<div>這里面是一個(gè)層，也就是一個(gè)局部的信息，覆蓋的范圍是比較大的。把網(wǎng)頁(yè)看成是一個(gè)報(bào)紙的話，這個(gè)div就是一個(gè)版面，正如我們所知道的，每個(gè)版面都是獨(dú)立的，有著自己的文章，段落，內(nèi)容等</div>；

②<p>這是一個(gè)段落的標(biāo)簽，也就是說(shuō)這里面的可以理解為一段文本內(nèi)容，這樣分割的好處是便于讓瀏覽器識(shí)別文章段落，而 回車 在網(wǎng)頁(yè)中是沒(méi)多大作用的，所以這樣區(qū)分更好。至于如何記憶，就可以搜一下段落的英語(yǔ)就理解了</p>

<div> 可定義文檔中的分區(qū)或節(jié)（division/section）。

<div> 標(biāo)簽可以把文檔分割為獨(dú)立的、不同的部分。它可以用作嚴(yán)格的組織工具，并且不使用任何格式與其關(guān)聯(lián)。

http://www.w3school.com.cn/tags/tag_div.asp

div標(biāo)簽這塊涉及到了盒模型布局，以后章節(jié)會(huì)講到的。此處的大概作用就是，p標(biāo)簽中的內(nèi)容要布局到合適的位置，可以將其嵌套在div中，通過(guò)對(duì)div設(shè)定CSS樣式，將p標(biāo)簽的內(nèi)容布局到合適的位置。

<div>盒子里面的<p>,代表一個(gè)盒子里面有個(gè)段落。

如果但只有這倆個(gè)標(biāo)簽，有沒(méi)有div是差不多的，但是如果代碼多了，沒(méi)有嵌套，會(huì)顯得代碼很亂，而且自己也無(wú)法布局

意思是div里面包含一個(gè)p標(biāo)簽。直觀點(diǎn)就是div的子標(biāo)簽。

<p>/</p> 是段落標(biāo)簽 ?用來(lái)標(biāo)記段落標(biāo)題

直觀的話相當(dāng)于一個(gè)大箱子里還需要裝另一個(gè)小箱子的時(shí)候,可以多層嵌套.

所以相當(dāng)于div是個(gè)大箱子,里面放另一個(gè)小箱子p

嵌套必須成對(duì),不然誰(shuí)知道其中的包含關(guān)系呢,對(duì)吧

就是一個(gè)div盒子里有一個(gè)<p>標(biāo)簽。div里有文字段落