Web前端实战：HTML元素嵌套问题

HTML元素嵌套问题

元素嵌套

Block元素可以包含inline元素或某些block元素，但是inline元素不能包含block元素，只能包含其他inline元素。

P元素嵌套问题

 

div等块级元素嵌套在P元素中，并且在浏览器中的分辨率如下：
您会看到元素末尾会有一个空白。
通过查询发现，块级元素无法包装在原始p元素中。
由于使用DTD，因此规定不能放置块级元素
内部，再加上一些类似的浏览器慰问：
这是一个段落的开始
这是另一个段落的开始
web前端开发学习Q-q-u-n： 600610151，分享学习的方法和需要注意的小细节，不停更新最新的教程和学习方法（详细的前端项目实战教学视频，PDF）
成为一个人
标签未结束时，遇​​到下一个块元素时，标签将自行结束。实际上，浏览器是这样处理它们的：
这是一个段落的开始
这是另一个段落的开始
这也解释了为什么浏览器中还会有一个空白空间。
我是位从事开发工作多年的老Web前端程序员。我目前辞职去做自己的定制Web前端课程。今年年初，我花了一个月的时间来编译最适合2019年学习的Web前端。学习干货，组织各种框架并将其发送给每个前端合作伙伴。如果您想获取它，可以关注我的标题号码，并在后台向我发送私人消息：前端，您可以免费获取它。
块级元素嵌套问题
您可以首先将所有块元素再次分为几个级别。我们已经知道它位于最外层，而下一层将仅具有、、和，并且我们已经知道可见元素只会出现在其中，因此我们将其放在第一层。然后，将无法自由嵌套的元素放置在第三级中，将其他元素放置在第二级中。所谓的非自由嵌套元素是那些只能将内联元素放入其中的元素，它们包括：标题标签、、、、、、、段落标签
;分隔符和一个特殊元素（仅存在于list元素的子元素中）。
三级元素是指只能嵌套内联元素的块级元素。 p也恰好是其中之一。
为什么第二层元素可以自由嵌套
我们可以将它们视为某些容器（或盒子），并且这些容器的大小可以自由更改。例如，我们可以使用
					

本文来自电脑杂谈，转载请注明本文网址：
http://www.pc-fly.com/a/shumachanpin/article-344724-1.html