全国旗舰校区

不同学习城市 同样授课品质

北京

深圳

上海

广州

郑州

大连

武汉

成都

西安

杭州

青岛

重庆

长沙

哈尔滨

南京

太原

沈阳

合肥

贵阳

济南

下一个校区
就在你家门口
+
当前位置:首页  >  技术干货

HTML初学者模板–索引的基本HTML5样板.html

发布时间:2022-09-20 16:35:30
发布人:syq

  HTML有不同的标签,其中一些具有语义含义。HTML 文件的基本样板如下所示:

16

  在本文的其余部分,我将解释此样板的每个部分的含义。

  样板语法

  文档类型

17

  此元素是 HTML 文件的文档类型声明。 告诉浏览器将 HTML 代码呈现为 HTML5(而不是其他一些版本的 HTML)。

  这很重要,因为如果没有此声明,HTML5 元素(如 、 等)可能无法正确呈现。sectiona rticle

  标记

18

  标记是 HTML 文档的根目录。它包含您网站中使用的标记,标记和所有其他HTML元素(DOCTYPE除外)。htmlheadbody

  它还具有 属性,可用于指定网站上文本内容的语言。默认值为“未知”,因此建议您始终指定一种语言。lang

  定义语言有助于屏幕阅读器正确阅读单词,并帮助搜索引擎返回特定于语言的搜索结果。

  头部标签

19

  标签包含您网站的元数据。这些对于用户来说是视觉上不可见的数据,但它们提供了有关您网站内容的信息。搜索引擎特别使用这些数据对您的网站进行排名。head

  head 标签中的元数据包括元标签、标题标签、链接标签、脚本、样式表等。

  元标记

20

  标记是一个元数据元素,用于向网站添加更多元数据,而不是标题等非元标记提供的那种元数据。meta

  您可以将这些标签用于各种目的:

  为社交媒体平台添加元数据以创建链接预览

  为您的网站添加描述

  为您的网站添加字符编码

  以及更多

  搜索引擎、社交媒体平台和 Web 服务使用此元数据来了解您网站的内容,并确定如何向用户呈现这些内容。

  标题标签

20

  标记用于指定网站的标题。您的浏览器使用此选项在标题栏上显示标题:title

21

  此标记还有助于搜索引擎在其搜索结果中显示您网站的标题:

22

  链接标签

  顾名思义,您可以使用 标记链接到另一个文档。通常,这会在当前文档和单独文档之间建立不同类型的关系。link

23

  例如,如上面的代码块所示,我们已经与样式.css文件建立了“样式表”文档关系。

  此标记最常见的用途是向文档添加样式表,并向网站添加图标:

24

  图标是靠近网页标题的小图像,如下所示:

25

  正文标签

26

  标签包含网站的正文内容,用户可以看到这些内容。虽然不可见的元素,如 和 也可以在这里添加,但大多数正文标签通常是可见的。bodystylescript

  从标题到段落再到媒体等等,这些元素都在这里添加。此处未找到的任何元素(可能包含在 head 标记中)都不会显示在屏幕上。

  主标签

27

  标记指定网站的基本内容。这将是与网站标题相关的内容。main

  例如,博客文章页面。左侧的社交媒体共享,右侧的广告,页眉和页脚是网页的次要部分。显示封面图像,标题和帖子文本内容的帖子本身是中心部分,该部分将位于 元素中。main

  h1 标签

  HTML 具有不同的标题元素,这些元素是 、 、 和 。标题元素用于描述网页的不同部分。这些元素有一个顺序,其中是最高的。h1 h2 h3 h4 h5 h6 h1

  网页上应该只有一个元素,因为这会启动主部分。然后,您还有其他部分和子部分,您可以使用其他标题元素。h1

  另外,请注意,您不应跳过标题。例如,在使用 元素后不应使用 元素。一个好的结构可以是这样的:h4 h2

28

  从此代码中,您可以看到标题级别如何指定它们在节和子节中的位置。

  

  在这篇文章中,我们看到了一个HTML初学者样板以及此模板中使用的每个标签的含义。

  此元素列表并非详尽无遗,因为在 head 标签和 body 标签中可以找到更多元素,并且还具有许多属性。

相关文章

显著性目标检测和一般目标检测最本质的区别是什么区别?

显著性目标检测和一般目标检测最本质的区别是什么区别?

2023-10-15
在目标检测里single-shot和multi-shot的主要区别是什么?

在目标检测里single-shot和multi-shot的主要区别是什么?

2023-10-15
APP安全测试与普通B/S架构的渗透测试有什么区别?

APP安全测试与普通B/S架构的渗透测试有什么区别?

2023-10-15
什么是域控制器?

什么是域控制器?

2023-10-15

最新文章

常见网络安全面试题:Windows常用的命令有哪些?

常见网络安全面试题:Windows常用的命令有哪些?

2023-10-09
常见网络安全面试题:根据设备告警如何展开排查?

常见网络安全面试题:根据设备告警如何展开排查?

2023-10-09
常见网络安全面试题:mysql加固呢?(数据库加固)

常见网络安全面试题:mysql加固呢?(数据库加固)

2023-10-09
常见网络安全面试题:windows和linux加固?(操作系统加固)

常见网络安全面试题:windows和linux加固?(操作系统加固)

2023-10-09
在线咨询 免费试学 教程领取