HTML標籤能不能嵌套

HTML標籤能嵌套。 HTML中的巢狀規則是：1、區塊元素可以包含內聯元素或某些區塊元素，但內聯元素不能包含區塊元素；2、區塊級元素不能放在p元素裡面；3、h1、h2、 h3、h4、h5、h6、p和dt元素只能包含內嵌元素，不能再包含區塊級元素。

本文操作環境：Windows10系統、html5版、Dell G3電腦。

HTML標籤能不能巢狀

HTML標籤能巢狀

標籤巢狀的一般規則如下：　　

1、區塊標籤能夠嵌套內聯標籤，區塊標籤不一定能嵌套區塊標籤(如p標籤不可以嵌套其他區塊標籤)，內聯不能巢狀區塊(存在特殊情況a標籤，它可以嵌套div)：

<div>
    <span></span>
    <a href="#"></a>
</div>

　　區塊巢狀區塊範例：

<div>
    <div></div>
</div>

2、區塊級元素不能放在p元素裡面

特殊情況（錯誤範例)：

　　　　　　<p>
　　　　　　　　<div></div>
　　　　　　</p>

這樣不可以，p只能嵌套p，其他都不行

一般來說，內聯不能嵌套塊，但存在特殊情況標籤：

<a href="#">
    <div></div>
</a>

a標籤很特殊可以嵌套div,可以嵌套內聯標籤，但不可以嵌套它自身().

3、有幾個特殊的區塊級元素只能包含內嵌元素，不能再包含區塊級元素，這幾個特殊的標籤是：h1、h2、h3、h4、h5、h6、p、dt

區塊級元素與區塊級元素並列、內嵌元素與內嵌元素並列：

　　<div><h2></h2><p></p></div> —— 对
　　<div><a href=”#”></a><span></span></div> —— 对
　　<div><h2></h2><span></span></div> —— 错

推薦教學：《html影片教學》

以上是HTML標籤能不能嵌套的詳細內容。更多資訊請關注PHP中文網其他相關文章！