如何为网页添加 HTML <head> 元素

本教程将引导您完成将<head>元素添加到您的网页的步骤，这将为我们创建一个部分，以包括机器可读的关于我们的Web文档的信息。这些信息主要由浏览器和搜索引擎用来解释页面内容。放置在<head>元素中的内容在网页上不可见。

<$>[备注] 注意：HTML<head>元素是一个_语义_元素，它告诉浏览器和开发者其内容的含义或目的。语义元素用于帮助人类阅读一个HTML文档，为浏览器提供更多用于解释内容的信息，提高站点的可访问性(屏幕阅读器使用语义标签)，并可以帮助进行SEO定位。 <$>

在<html>标签内添加开始和结束<head>标签。接下来，在<head>标记内额外添加两行HTML代码，如下所示：

1<!DOCTYPE html>
2<html lang="en">
3  <head>
4    <meta charset="utf-8">
5    <title>Sammy’s First Website</title>
6  </head>
7</html>

请注意，您已经将各种HTML元素嵌套在另一个元素中。<title>和<meta>元素嵌套在元素内，<head>元素嵌套在<html>元素内。随着教程的继续，我们将频繁地嵌套元素。

现在，让我们暂停片刻，以了解我们刚刚添加的代码的用途。开始标记-<meta charset=utf-8>-之后的代码行-将文档的字符集指定为UTF-8，这是一种Unicode格式，支持来自各种书面语言的大多数字符。

下一行代码使用<title>元素设置HTML文档的标题。您插入到此元素中的内容将显示在浏览器选项卡上，并在搜索结果中显示为网站标题，但不会显示在网页本身。确保将Sammy‘s First WebSite替换为您的名字或您正在创建的网站的名称。

虽然开发人员经常在``部分添加额外的信息，但我们现在有足够的信息来创建基本的HTML网页。在进入下一节之前保存文件。如果您尝试在浏览器中加载该文件，您应该会收到一个空白页。

现在您应该知道了HTML元素的用途以及如何将其添加到一个HTML文件中。