HTML(超文本标记语言)被超过 95% 的网站所使用,它是所有网页的基石。它提供了基本的结构和内容布局。对于 Web 开发的初学者来说,学习 HTML 是必不可少的第一步。
!Html-Document-StructureHTML 文档结构
什么是 HTML 文档?
HTML 是一种用于在 Web(互联网) 上构建内容的标记语言。它由一系列描述 网页 内容和结构的元素(标签)组成。这些元素被包裹在 尖括号() 中,并且通常成对出现,例如 开始标签和结束标签。HTML * 帮助浏览器解释和显示文本、图片、链接、视频等内容。
HTML 文档的结构
一个 HTML 文档本质上是一系列嵌套的元素,它们协同工作以构成一个完整的网页。该文档遵循一种标准结构,以确保在不同浏览器之间的一致性和兼容性。
index.html
CODEBLOCK_b8238423
让我们来看看这个结构的每一部分,以了解其功能和重要性。
1. : 声明文档类型
声明用于指定 HTML 的版本。在这里,它指示该文档是用 HTML5 编写的,这是 HTML 的最新版本。
2. : 根元素
元素是 HTML 文档的根元素。该元素内的所有内容都被视为 HTML 文档的一部分。
3. : 文档的元数据
部分包含关于文档的元数据,这些信息不会显示在网页上。该部分包括重要的元素,例如:
- : 指定文档的字符编码(UTF-8 支持几乎所有语言的字符)。
- : 通过设置视口宽度和缩放比例来控制移动设备上的布局。
4. : 网页的可见内容
标签包含网页的实际内容,这些内容对用户是可见的,例如文本、图片和链接。
用于构建 HTML 文档的标签和元素
HTML 标签是用尖括号括起来的结构组件。它们通常通过斜杠打开和关闭(例如
)。有些标签是自闭合的,而其他标签则支持 width、height 和 controls 等属性,用于定义属性或存储元数据。
HTML 中通常有两种类型的标签
- 成对标签:这些标签成对出现,即它们既有开始标签()也有结束标签()。*
- 空标签:这些标签是自闭合的,不需要结束标签。*
下面是一个 HTML 中 标签 的例子,它告诉浏览器将其内部的文本加粗。
理解这些关键标签将使您能够有效地组织内容,并创建更具可读性和可访问性的网页。