html中哪些标签不能嵌套HTML的标签有许多:div、ul、li、dl、dt、dd、h1~h6、p、a、addressa、span、 strong等等,我们在运用这些标签搭建页面结构的时候,但是,在使用时,这些html标签之间的嵌套也需要有一定规则,有些标签则不能互相嵌套,那么,html标签的嵌套规则有哪些呢?

html中哪些标签不能嵌套

1、a标签不能嵌套a标签(链接嵌套)

只要a标签里面也任何形式嵌套a标签,都会被浏览器解析为兄弟级关系。

例如:

<a href="###">父元素<a href="###">子元素</a></a> ;

浏览器解析为兄弟级关系:

<a href="###">父元素</a>;
<a href="###">子元素</a>;


2、p标签不能嵌套块级标签

只要p标签里面也任何形式嵌套块级标签,都会被解析为兄弟级关系,即使设置display属性。

3、<header>、<footer>不可嵌套<header>、<footer>

4、a标签里不可以嵌套交互式元素(<a>、<button>、<select>等)

5、<form>不可嵌套<form>

6、<caption>不可嵌套<table>

7、<dt>、<th>不可嵌套<header>、<footer>、区块型元素(sectioning content)、标题型元素(heading content)


            
标签: