块元素:在网页中一般通过块元素进行布局
行内元素:主要用来包裹文字以及其他行内元素
一般情况下,块元素放行内元素,而不会在行内元素内放块元素
块元素基本上什么都能放
p元素内不能放任何块元素
浏览器在解析网页时,会自动对网页中不符合规范的内容进行修正
比如:标签写在了根元素的外部
p元素中嵌套了块元素
根元素出现了除head和body外的子元素
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>块元素和行内元素</title>
<style>
</style>
</head>
<body>
<p><h1>你一定会回来的</h1></p>
</body>
</html>
<button>开启</button>