在HTML文档中,<head>
和 <body>
是两个主要部分,它们承担着不同的角色和功能。理解它们的区别对于建立一个结构良好的网页至关重要。
- 头部(Head):
<head>
部分包含了页面的元数据。元数据是关于数据的数据,这在这里指的是关于网页的信息,但不会直接显示在网页上。这部分通常包括:<title>
标签:定义了浏览器工具栏上显示的页面标题,同时也是搜索引擎结果中显示的标题。<link>
标签:用于链接外部资源,如CSS文件,定义了页面的样式和布局。<meta>
标签:提供了各种信息给搜索引擎和其他服务,如页面描述、关键词、页面作者和字符集设置等。<script>
标签:可以包含或链接到JavaScript代码,通常用来添加页面的交互功能。<style>
标签:可以包含文档的内联CSS样式规则。
- 体部(Body):
<body>
部分包含了页面的所有可见内容。这是用户浏览页面时看到的所有内容的所在地。它可能包括:- 文本内容:如标题(
<h1>
到<h6>
)、段落(<p>
)、列表(<ul>
、<ol>
、<li>
)、链接(<a>
)等。 - 图像和视频:
<img>
和<video>
标签允许你在页面上插入媒体。 - 表格:
<table>
、<tr>
、<td>
等标签用于展示表格数据。 - 表单:
<form>
、<input>
、<textarea>
等标签允许用户输入数据和提交信息。 - 交互元素:如按钮、导航菜单和其他用户可以与之互动的元素。
- 文本内容:如标题(
简而言之,<head>
部分是关于页面的信息和数据,而 <body>
部分则是页面的肉体,包含所有用户可以直接与之互动和查看的内容。理解它们的不同将帮助你更好地组织和构建你的HTML文档。