HTML标签能不能嵌套

103 阅读 0 评论 68 点赞

我是靠谱客的博主个性吐司，最近开发中收集的这篇文章主要介绍HTML标签能不能嵌套，觉得挺不错的，现在分享给大家，希望可以做个参考。

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

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>标签：

<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> —— 错
登录后复制

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

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

以上就是个性吐司为你收集整理的HTML标签能不能嵌套的全部内容，希望文章能够帮你解决HTML标签能不能嵌套所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。