千锋教育-做有情怀、有良心、有品质的职业教育机构

手机站
千锋教育

千锋学习站 | 随时随地免费学

千锋教育

扫一扫进入千锋手机站

领取全套视频
千锋教育

关注千锋学习站小程序
随时随地免费学习课程

当前位置:首页  >  技术干货  > HTML初学者模板–索引的基本HTML5样板.html

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

来源:千锋教育
发布人:syq
时间: 2022-09-20 16:35:30 1663662930

  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 标签中可以找到更多元素,并且还具有许多属性。

tags:
声明:本站稿件版权均属千锋教育所有,未经许可不得擅自转载。
10年以上业内强师集结,手把手带你蜕变精英
请您保持通讯畅通,专属学习老师24小时内将与您1V1沟通
免费领取
今日已有369人领取成功
刘同学 138****2860 刚刚成功领取
王同学 131****2015 刚刚成功领取
张同学 133****4652 刚刚成功领取
李同学 135****8607 刚刚成功领取
杨同学 132****5667 刚刚成功领取
岳同学 134****6652 刚刚成功领取
梁同学 157****2950 刚刚成功领取
刘同学 189****1015 刚刚成功领取
张同学 155****4678 刚刚成功领取
邹同学 139****2907 刚刚成功领取
董同学 138****2867 刚刚成功领取
周同学 136****3602 刚刚成功领取
相关推荐HOT