body 主体
<body> 包裹页面上所有用户可见的内容:文字、图片、表单、按钮,全部住在这里。浏览器解析到 body 后就开始边解析边渲染,所以内容很长时用户能先看到上半部分。
两个实用细节值得注意:一是空白折叠——源代码里的连续空格、换行、制表符,渲染时都会折叠成一个空格,因此代码可以放心排版缩进;二是 body 有默认的 margin(约 8px),页面四周那一圈白边就来自它,做全宽布局时通常会在 CSS 里清零。
本节要点所有可见内容都在 body 中;源码中的空白会被折叠成一个空格;body 自带默认外边距,布局前常用 CSS 重置掉。
HTML
<body> <h1>主体内容开始</h1> <p>这段源码里写了 很多 空格和换行, 但渲染出来只有一个空格,这叫空白折叠。</p> <!-- body 默认有约 8px 的外边距,常在 CSS 中重置: body { margin: 0; } --> </body>




