浏览器会修正错误的HTML代码作为浏览器页面UI构建的蓝图，HTML的重要性不言而喻，在解析HTML代码构建 DOM和执

作为浏览器页面UI构建的蓝图，HTML的重要性不言而喻，在解析HTML代码构建 DOM和执行Javascript代码之间交替执行。最近在看书的过程中看到一个有趣的现象:为了正确构建每个DOM，浏览器会修正错误的HTMl代码，

原代码：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <div>
        <p>Hello world</p>
    </div>
</head>
<body>
</body>
</html>

浏览器生成的DOM结构

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
   <div>
        <p>Hello world</p>
    </div>
</body>
</html>

感兴趣的读者可以试试看