最近在整理项目的时候，发现有同事写了太多嵌套的页面代码，有一部分嵌套不正确，比如内容。虽然实现了功能，但是对浏览器渲染引擎的性能还是有一定影响的。所以我大致整理了一下HTML标签的嵌套规则，希望读者提出一些错误。
众所周知，HTML标签有两种类型:
div，h1~h6，address，blockquote，center，dir，dl，dt，dd，fieldset，form，hr，isindex，menu，noframes，noscript，ol，p，pre，table，ul...
[/]总是从新行开始。可以控制高度、行高和顶底距离。默认宽度为其容器的100%，除非设置了宽度
功能:主要用于构建网站架构、页面布局和加载内容。
span、a、abbr、acronym、b、bdo、big、br、cite、code、dfn、em、font、i、img、input、kbd、label、q、s、samp、select、small、strike、strong、sub、sup、textarea、tt、u、var ...
特点：和其他元素都在一行上，高、行高及顶和底边距不可改变，宽度就是它的文字或图片的宽度，不可改变
功能：用于加强内容显示,控制细节，例如：加粗、斜体等等内嵌元素
span，a，abbr，acronym，b，bdo，big，br，cite，code，dfn，em，font，I，img，input，kbd，label，q，s，samp，select，small，strike，strong，sub。定义变量...
特点:和其他元素都在同一行上，高度、行高、上下距离不能改变，宽度是其文字或图片的宽度，不能改变
功能:用于增强内容显示和控制。
例如:
onetwo
显示效果如下:
一个
二
onetwo
显示效果如下:
onetwo
块级元素和行内元素不是静态的，我们可以通过CSS改变它们的特性。显示:内嵌；//内嵌元素
显示:块；//块级元素
虽然HTML标签很多，我们在制作页面的时候可以无限嵌套，但是嵌套是有规则的，不能随意嵌套。有些标签是固定的嵌套规则，比如ul包含li，ol包含li，dl包含dt和dd等等。有很多独立的标签。我们如何使用它们来编写更好的页面？下面就来说说吧。
//span是行内元素，p是块级元素，所以这个是错误的嵌套//右
一些特殊的块级元素只能包含嵌入元素，但不能再包含块级元素h1、h2、h3、h4、h5、h6、P和dt。
中
？虽然我们可以嵌套标签，但是为了提高浏览器的渲染效率，还是要尽量少嵌套标签，扁平化。
adminjs.cn是一个以CSS、JavaScript、Vue、HTML为核心的前端开发技术网站。我们致力于为广大前端开发者提供专业、全面、实用的前端开发知识和技术支持。 在本网站中，您可以学习到最新的前端开发技术，了解前端开发的最新趋势和最佳实践。我们提供丰富的教程和案例，让您可以快速掌握前端开发的核心技术和流程。 Adminjs.cn还提供一系列实用的工具和插件，帮助您更加高效地进行前端开发工作。我们提供的工具和插件都经过精心设计和优化，可以帮助您节省时间和精力，提升开发效率。 在Adminjs.cn中，您可以找到您需要的一切前端开发资源，让您成为一名更加优秀的前端开发者。欢迎您加入我们的大家庭，一起探索前端开发的无限可能！