📌  相关文章
📜  说明意义<head>和<body>HTML 中的标记(1)

📅  最后修改于: 2023-12-03 15:12:10.919000             🧑  作者: Mango

HTML 中的 和 标记

HTML 文档由两个主要部分组成:头部(head)和正文(body)。头部包含了文档的元数据和配置信息,正文包含了文档的实际内容。

标记

在 HTML 文档中,<head> 标记用于定义头部的开始位置,</head> 标记用于定义头部的结束位置。头部不会在浏览器中显示,而是用于存放文档的元数据和配置信息。

Meta 元素

头部中最常见的元素是 meta 元素。meta 元素用于提供关于文档的元数据,例如字符集、作者、关键词和描述等信息。下面是一些常见的 meta 标记:

<meta charset="UTF-8">
<meta name="author" content="John Doe">
<meta name="description" content="This is a brief description of the document.">
<meta name="keywords" content="HTML, CSS, JavaScript">
标题

头部也可以包含文档的标题 <title>。标题会显示在浏览器的标题栏或标签页上。通常情况下,每个 HTML 文档都应该包含一个标题。

<head>
  <title>My Webpage</title>
</head>
标记

在 HTML 文档中,<body> 标记用于定义正文的开始位置,</body> 标记用于定义正文的结束位置。所有的网页内容应该放在 body 中。

页面结构

<body> 中可以包含各种 HTML 标记,例如标题 (<h1>, <h2>, <h3>)、段落 (<p>)、链接 (<a>) 和图像 (<img>) 等。

<body>
  <h1>Welcome to my webpage</h1>
  <p>This is some text.</p>
  <a href="#">Click here</a>
  <img src="image.jpg" alt="An image">
</body>
页面布局

除了基本的 HTML 标记,<body> 也可以包含其它的元素,例如表格 (<table>)、列表 (<ul>, <ol>)、表单 (<form>) 等。这些元素可以用于创建复杂的页面布局。

<body>
  <table>
    <tr>
      <th>Name</th>
      <th>Age</th>
    </tr>
    <tr>
      <td>John</td>
      <td>30</td>
    </tr>
    <tr>
      <td>Jane</td>
      <td>25<td>
    </tr>
  </table>
  <form>
    <label for="name">Name:</label>
    <input type="text" id="name" name="name">
    <label for="email">Email:</label>
    <input type="email" id="email" name="email">
    <input type="submit" value="Submit">
  </form>
</body>
总结

HTML 由头部和正文两部分组成。头部负责存储文档的元数据和配置信息,正文包含了文档的实际内容。<head> 标记定义头部,<body> 标记定义正文。在 <body> 中可以包含各种 HTML 标记,例如标题、段落、链接、图像、表格、列表和表单等。