HTML 词条目录
前端Wiki/HTML/基础/文档结构

body 主体

<body> 包裹页面上所有用户可见的内容:文字、图片、表单、按钮,全部住在这里。浏览器解析到 body 后就开始边解析边渲染,所以内容很长时用户能先看到上半部分。

两个实用细节值得注意:一是空白折叠——源代码里的连续空格、换行、制表符,渲染时都会折叠成一个空格,因此代码可以放心排版缩进;二是 body 有默认的 margin(约 8px),页面四周那一圈白边就来自它,做全宽布局时通常会在 CSS 里清零。

本节要点所有可见内容都在 body 中;源码中的空白会被折叠成一个空格;body 自带默认外边距,布局前常用 CSS 重置掉。
HTML
<body>
  <h1>主体内容开始</h1>
  <p>这段源码里写了
      很多   空格和换行,
  但渲染出来只有一个空格,这叫空白折叠。</p>
  <!-- body 默认有约 8px 的外边距,常在 CSS 中重置:
       body { margin: 0; } -->
</body>