HTML标签能不能嵌套

122 阅读 0 评论 81 点赞

我是靠谱客的博主个性吐司，这篇文章主要介绍HTML标签能不能嵌套，现在分享给大家，希望可以做个参考。

本文操作环境：Windows10系统、html5版、Dell G3电脑。

HTML标签能不能嵌套

HTML标签能嵌套

标签嵌套的一般规则如下：　　

1、块标签能够嵌套内联标签，块标签不一定能嵌套块标签(如p标签不可以嵌套其他块标签)，内联不能嵌套块(存在特殊情况a标签，它可以嵌套div)：

复制代码<div>
    <span></span>
    <a href="#"></a>
</div>1
2
3
4
<div>
    <span></span>
    <a href="#"></a>
</div>
登录后复制

　　块嵌套块示例：

复制代码<div>
    <div></div>
</div>1
2
3
<div>
    <div></div>
</div>
登录后复制

2、块级元素不能放在p元素里面

特殊情况（错误示例）：

复制代码　　　　　　<p>
　　　　　　　　<div></div>
　　　　　　</p>1
2
3
<p>
　　　　　　　　<div></div>
　　　　　　</p>
登录后复制

这样不可以，p只能嵌套p，其他都不行

一般来说，内联不能嵌套块，但存在特殊情况<a>标签：

复制代码<a href="#">
    <div></div>
</a>1
2
3
<a href="#">
    <div></div>
</a>
登录后复制

a标签很特殊可以嵌套div,可以嵌套内联标签，但不可以嵌套它自身(<a>).

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> —— 错1
2
3
<div><h2></h2><p></p></div> —— 对
　　<div><a href=”#”></a><span></span></div> —— 对
　　<div><h2></h2><span></span></div> —— 错
登录后复制

推荐教程：《html视频教程》

以上就是HTML标签能不能嵌套的详细内容，更多请关注靠谱客其它相关文章！