html P標籤為什麼不能嵌套div？還有關於html P標籤的css樣式的實例介紹
- 寻∝梦原創
- 2018-08-25 10:49:315832瀏覽
本篇文章介紹了有關於html p標籤的進階版，上一篇基礎版沒看過的同學點擊下方的連結就可以看了，本篇主要介紹了html p標籤的兩個重要知識點，一個是如何用css的樣式來控制P標籤的具體使用，每個都有實例，有興趣的同學可以自己敲代碼試試，還有一個是html P標籤為什麼不能嵌套div的詳解，希望各位認真閱讀
html P標籤標籤定義及使用說明：
##標籤定義段落。
元素會自動在其前後創建一些空白。瀏覽器會自動新增這些空間，您也可以在樣式表中規定。
html P標籤的屬性：
#HTML中P標籤內為什麼不能巢狀div標籤
<p>测试一下块元素与<span>内联元素</span>的差别</p>
<p>测试一下<div>块元素</div>与内联元素的差别</p>上面的例子自己隨便實踐一下就知道效果了，這裡就不佔用空間了，會自己產生一個新的行，而並沒有換行,這是在沒有CSS渲染的情況下才這樣，同樣，我們也可以透過CSS把div定義成內聯元素，把span定義成區塊元素，但是，我們卻不能在HTML裡任意轉換它們，塊元素可以包含內聯元素或某些塊元素（上面的例子其實是錯誤的使用--->我把
放在是屬於塊元素，而屬於內聯元素，
<h2>我喜欢在<a href="http://www.php.cn/ " >php中文网</a>讨论Web标准的原因。</h2>其中
是屬於塊元素，而屬於內聯元素，包含是沒有錯誤的，同樣，可以包含，
包含也是對的，但是如果是下面這樣的話，就是錯誤的，因為內聯元素不應該包含塊元素： <a href="#"> <h2>这样是错误的用法！</h2></a>
還有一些情況就是一些塊元素不可以包含另一些塊元素。例如這樣： <p>测试文字
< ul>
li>现阶段是不能这样用的，要等到XHTML 2.0才可以这样用。</li>
</ul>
测试文字
</p>而這樣又是可以的。 <ul>
<li><p>这样是可以的</p></li>
</ul> 為什麼呢？因為我們使用的DTD中規定了塊級元素是不能放在裡面的，再加上一些瀏覽器縱容這樣的寫法：
這是段落的開始
這是另一個段落的開始
當一個簽還沒結束時，遇到下一個區塊元素就會把自己結束掉，其實瀏覽器是把它們處理成這樣：
<p>这是一个段落的开始</p>
<p>这是另一个段落的开始</p>所以剛才那樣的寫法會變成這樣：<p>测试文字</p>
<ul>
<li>现阶段是不能这样用的，要等到XHTML 2.0才可以这样用。</li>
</ul>測試文字
#這也是跟剛才說第一個例子中裡面放
不合理是同一個道理。 那哪些塊元素裡面不能放哪些塊元素呢？我知道你有這個疑問，也知道我只列一張清單你不好記住它們。我們可以先把所有的區塊元素再次劃分成幾個等級的，我們已經知道是在最外層，下一級裡面只會有、、
可以包含
，
包含也是對的，但是如果是下面這樣的話，就是錯誤的，因為內聯元素不應該包含塊元素： <a href="#"> <h2>这样是错误的用法！</h2></a>
<p>测试文字
< ul>
li>现阶段是不能这样用的，要等到XHTML 2.0才可以这样用。</li>
</ul>
测试文字
</p>而這樣又是可以的。 <ul>
<li><p>这样是可以的</p></li>
</ul> 為什麼呢？因為我們使用的DTD中規定了塊級元素是不能放在裡面的，再加上一些瀏覽器縱容這樣的寫法：
這是段落的開始
這是另一個段落的開始
當一個簽還沒結束時，遇到下一個區塊元素就會把自己結束掉，其實瀏覽器是把它們處理成這樣：
<p>这是一个段落的开始</p>
<p>这是另一个段落的开始</p>所以剛才那樣的寫法會變成這樣：<p>测试文字</p>
<ul>
<li>现阶段是不能这样用的，要等到XHTML 2.0才可以这样用。</li>
</ul>測試文字
#這也是跟剛才說第一個例子中裡面放
不合理是同一個道理。 那哪些塊元素裡面不能放哪些塊元素呢？我知道你有這個疑問，也知道我只列一張清單你不好記住它們。我們可以先把所有的區塊元素再次劃分成幾個等級的，我們已經知道是在最外層，下一級裡面只會有、、
以上是html P標籤為什麼不能嵌套div？還有關於html P標籤的css樣式的實例介紹的詳細內容。更多資訊請關注PHP中文網其他相關文章！
陳述：
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn