如何添加HTML元素到您的网页

来自菜鸟教程
跳转至:导航、​搜索

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

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


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

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <title>Sammy’s First Website</title>
  </head>
</html> 

请注意,您已经将各种 HTML 元素嵌套在彼此之间。 这<title><meta>元素嵌套在

元素,以及<head>元素嵌套在<html>元素。 随着教程的进行,我们将经常嵌套元素。

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

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

尽管开发人员经常在 <head> 部分添加附加信息,但我们现在有足够的信息来创建基本的 HTML 网页。 在进入下一部分之前保存您的文件。 如果您尝试在浏览器中加载文件,您应该会收到一个空白页面。

你现在应该知道 HTML 的用途了

元素以及如何将元素添加到 HTML 文件中。