今天查看W3CSCHOOL官網(wǎng)，在測試一些屬性的時(shí)候把div放到了p元素中。然后出現(xiàn)了一個(gè)奇怪的現(xiàn)象。

HTML：

<p><div>Lorem ipsum dolor sit amet, consectetur adipisicing elit. </div> </p>

瀏覽器解釋HTML：

<p></p><div>Lorem ipsum dolor sit amet, consectetur adipisicing elit. </div> <p></p>

?摘要：段落p標(biāo)簽的用法? ?

? ? ? ? ?可以只在塊（block）內(nèi)指定段落，也可以把段落和其他段落、列表、表單和預(yù)定義格式的文本一起使用。總 ? ? ? ? ?的來講，這意味著段落可以在任何有合適的文本流的地方出現(xiàn)，例如文檔的主體中、列表的元素里，等等。

? ? ? ? ?從技術(shù)角度將，段落不可以出現(xiàn)在頭部、錨或者其他嚴(yán)格要求內(nèi)容必須只能是文本的地方。實(shí)際上，多數(shù)瀏 ? ? ? ? ? ?覽器都忽略了這個(gè)限制，它們會把段落作為所含元素的內(nèi)容一起格式化。

我們知道span中可以包含span

<span>123<span>456</span> </span>

然而對于a元素來說，也會出現(xiàn)怪異現(xiàn)象

我們知道a元素可以包含塊級元素

<a href=“#”><div>這是一個(gè)DIV </div> </a>

然而a不可以包含a?

HTML：

<a>123<a>456</a></a>

瀏覽器解釋HTML：

<a>123</a> <a>456</a>

對于p中包含div和a中包含a出現(xiàn)截?cái)鄦栴}，我們平時(shí)在編寫代碼是應(yīng)該注意下，避免出現(xiàn)這類問題。

?

轉(zhuǎn)載于:https://www.cnblogs.com/zmr2520/p/5301885.html

總結(jié)

以上是生活随笔為你收集整理的p中div -- a中a的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。