HTML有不同的标签，其中一些具有语义含义。HTML 文件的基本样板如下所示：
在本文的其余部分，我将解释此样板的每个部分的含义。
样板语法
文档类型
此元素是 HTML 文件的文档类型声明。 告诉浏览器将 HTML 代码呈现为 HTML5(而不是其他一些版本的 HTML)。
这很重要，因为如果没有此声明，HTML5 元素(如 、 等)可能无法正确呈现。sectiona rticle
标记
标记是 HTML 文档的根目录。它包含您网站中使用的标记，标记和所有其他HTML元素(DOCTYPE除外)。htmlheadbody
它还具有 属性，可用于指定网站上文本内容的语言。默认值为“未知”，因此建议您始终指定一种语言。lang
定义语言有助于屏幕阅读器正确阅读单词，并帮助搜索引擎返回特定于语言的搜索结果。
头部标签
标签包含您网站的元数据。这些对于用户来说是视觉上不可见的数据，但它们提供了有关您网站内容的信息。搜索引擎特别使用这些数据对您的网站进行排名。head
head 标签中的元数据包括元标签、标题标签、链接标签、脚本、样式表等。
元标记
标记是一个元数据元素，用于向网站添加更多元数据，而不是标题等非元标记提供的那种元数据。meta
您可以将这些标签用于各种目的：
为社交媒体平台添加元数据以创建链接预览
为您的网站添加描述
为您的网站添加字符编码
以及更多
搜索引擎、社交媒体平台和 Web 服务使用此元数据来了解您网站的内容，并确定如何向用户呈现这些内容。
标题标签
标记用于指定网站的标题。您的浏览器使用此选项在标题栏上显示标题：title
此标记还有助于搜索引擎在其搜索结果中显示您网站的标题：
链接标签
顾名思义，您可以使用 标记链接到另一个文档。通常，这会在当前文档和单独文档之间建立不同类型的关系。link
例如，如上面的代码块所示，我们已经与样式.css文件建立了“样式表”文档关系。
此标记最常见的用途是向文档添加样式表，并向网站添加图标：
图标是靠近网页标题的小图像，如下所示：
正文标签
标签包含网站的正文内容，用户可以看到这些内容。虽然不可见的元素，如 和 也可以在这里添加，但大多数正文标签通常是可见的。bodystylescript
从标题到段落再到媒体等等，这些元素都在这里添加。此处未找到的任何元素(可能包含在 head 标记中)都不会显示在屏幕上。
主标签
标记指定网站的基本内容。这将是与网站标题相关的内容。main
例如，博客文章页面。左侧的社交媒体共享，右侧的广告，页眉和页脚是网页的次要部分。显示封面图像，标题和帖子文本内容的帖子本身是中心部分，该部分将位于 元素中。main
h1 标签
HTML 具有不同的标题元素，这些元素是 、 、 和 。标题元素用于描述网页的不同部分。这些元素有一个顺序，其中是最高的。h1 h2 h3 h4 h5 h6 h1
网页上应该只有一个元素，因为这会启动主部分。然后，您还有其他部分和子部分，您可以使用其他标题元素。h1
另外，请注意，您不应跳过标题。例如，在使用 元素后不应使用 元素。一个好的结构可以是这样的：h4 h2
从此代码中，您可以看到标题级别如何指定它们在节和子节中的位置。
㯱
在这篇文章中，我们看到了一个HTML初学者样板以及此模板中使用的每个标签的含义。
此元素列表并非详尽无遗，因为在 head 标签和 body 标签中可以找到更多元素，并且还具有许多属性。
京公网安备 11010802030320号