HTML body 标签 - 绿叶网

HTML body 语法

在 HTML 中，body 标签定义一个网页的主体内容，也就是你在浏览器窗口中看到的实际内容。body 标签包含了所有重要的内容元素，包括文本、图片、表格、链接等。

语法：

<body>
    ……
</body>

说明：

所有需要在网页中显示的内容，都应该放在 body 标签的内部。它紧随在 head 标签之后，是 HTML 文档结构中必不可少的一部分。

虽然 body 标签本身在视觉上不会显示，但通过 CSS，我们可以对 body 标签应用样式，从而影响整个页面的背景、字体、颜色等全局属性。

此外，几乎所有的浏览器都会默认给 body 标签添加一定的外边距（通常是8px），这会导致网页的四周出现一圈 “白边”。在实际开发中，我们通常会在 CSS 重置代码（Reset CSS）中去除这个边距：

body {
    margin: 0;
    padding: 0;
}

注意: 一个 HTML 文档只能有一个 body 标签。

HTML body 摘要

属于	HTML 标签
使用频率	高
兼容性	查看
官方文档	查看
MDN	查看

HTML body 示例

接下来，我们通过一个简单的例子来讲解一下 HTML body 标签是如何使用的。

示例：body 标签的基本用法

运行代码

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title></title>
</head>
<body>
    <h3>静夜思</h3>
    <p>床前明月光，疑是地上霜。</p>
    <p>举头望明月，低头思故乡。</p>
</body>
</html>

页面效果如下图所示。

HTML body标签示例

分析：

body 标签可以包含大多数 HTML 标签，比如 div、p、hr 等。