本文探讨了HTML中的块级元素和行内元素在网页布局中的作用。块元素通常用于页面布局，行内元素则用于包裹文本内容。浏览器在解析不合规的HTML时会进行自动修正，例如将行内元素置于块元素内部。示例中展示了不规范的HTML结构，包括将h1块元素放入p元素内以及将h1元素置于HTML标签外部。
块元素（block element）
在网页中一般通过块元素来对网页进行布局
行内元素（online element）
行内元素主要用来包裹文字
一般情况下会在块元素中放行内元素，而不会在行内元素中放块元素
块元素中任何元素都能放
p元素不能放块元素
浏览器在解析网页时，会自动对网页中的不符合规范的内容进行修正
例：
标签写在根元素外部
p元素中放入块元素
根元素中出现了head和body之外的子元素
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<p>
<h1>hahaha</h1>
</p>
</body>
</html>
<h1>写在HTML标签外部</h1>
扫一扫
911
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
