HTML 文档包含一个文档类型声明和 根元素。文档标题和文档正文嵌套在 元素中。视力正常的访问者看不到文档的标头，但使您的网站正常运行至关重要。它包含所有元信息，包括搜索引擎和社交媒体搜索结果的信息、浏览器标签页和移动设备主屏幕快捷方式的图标，以及内容的行为和呈现方式。在此部分中，您将了解几乎所有网页上虽然不可见的组件。
要创建 MachineLearningWorkshop.com (MLW) 网站，请先添加每个网页必不可少的组件：文档类型、内容的人用语言、字符集，当然还有网站或应用程序的标题或名称。
添加到每个 HTML 文档
有些功能应该被视为所有网页必不可少的功能。如果缺少这些元素，浏览器仍会呈现内容，但会包含这些元素。始终。
任何 HTML 文档中的第一个内容都是引言。对于 HTML，您只需要 。该元素可能看起来像是 HTML 元素，但实际上并不是。这是一种名为“doctype”的特殊节点。DOCTYPE 告知浏览器使用标准模式。如果省略，浏览器将使用另一种呈现模式，称为“怪异模式”。添加 DOCTYPE 有助于防止 Quirks 模式。
元素是 HTML 文档的根元素。它是
和 的父级，包含 HTML 文档中除 DOCTYPE 之外的所有内容。如果省略，则该字段为暗含；但请务必包含它，因为这是用来声明文档内容所用语言的元素。内容语言
添加到 标记的 lang 语言属性用于定义文档的主要语言。lang 属性的值是由两个或三个字母组成的 ISO 语言代码，后跟地区。地区是可选的，但建议提供，因为不同地区的语言可能差别很大。例如，加拿大 (fr-CA) 与布基纳法索 (fr-BF) 的法语截然不同。此语言声明可让屏幕阅读器、搜索引擎和翻译服务了解文档语言。
lang 属性不限于 标记。如果页面中存在文本所用语言与主要文档语言不同的语言，则应使用 lang 属性来识别文档中主要语言的例外情况。就像包含在 head 中一样，正文中的 lang 属性也没有视觉效果。它只会添加语义，让辅助技术和自动化服务能够理解受影响内容的语言。
除了设置文档语言和该基本语言的例外之外，该属性还可用于 CSS 选择器。您可以使用属性和语言选择器 [lang|="fr"] 和 :lang(fr) 定位 Ceci n'est pas une pipe.。
我们发现嵌套在起始标记和结束标记 之间，会找到两个子标记：
和 ： （即文档元数据标头）包含网站或应用的所有元数据。正文包含可见内容。本部分的其余内容重点介绍嵌套在开始和结束 内的组件。 中的必需组件文档元数据（包括文档标题、字符集、视口设置、说明、基本网址、样式表链接和图标）位于
元素中。虽然您可能并不需要所有这些功能，但请务必添加字符集、标题和视口设置。字符编码
中的第一个元素应该是 charset 字符编码声明。它位于标题之前，是为了确保浏览器可以呈现标题中的字符以及文档其余部分中的所有字符。大多数浏览器中的默认编码是 windows-1252，具体取决于语言区域。不过，您应该使用 UTF-8，因为它支持对所有字符进行一到四字节编码，甚至包括您甚至不知道存在的字符。也是 HTML5 所需的编码类型。
如需将字符编码设置为 UTF-8，请添加以下内容：
通过声明 UTF-8（不区分大小写），您甚至可以在标题中包含表情符号（但请勿包含）。
字符编码会继承到文档中的所有内容，甚至包括
使用 @import 将样式表导入文档（可选择导入级联层）时，@import 语句必须是
注意 ：样式（表示层）是 CSS 的范围，我们在此考虑如何将样式附加到内容层，即 HTML。如果您对上述代码的 CSS 感兴趣，请查找级联层和自定义属性。
样式（通过 和/或
虽然您可以在