HTML 结构

2024 年 8 月 28 日 | 3 分钟阅读

HTML 是一种专门用于网络的语言。它用于组织网站的页面布局或创建网页。HTML 是一种标记语言,而不是编程语言。正如其全名所指,超文本标记语言 (HYPERTEXT MARKUP LANGUAGE)。因此,在运行 HTML 代码时我们不会看到任何此类错误。因为浏览器会显示 HTML 代码,所以 HTML 代码从未真正被编译或解释。

HTML 文档结构

  • <!DOCTYPE html>: 必须有一个介绍。HTML 最初开发时(大约 1991-1992 年),文档类型旨在作为 HTML 页面必须遵循的标准链接,以便被识别为可接受的 HTML,这可能意味着自动错误检查和其他有用的功能。然而,今天,它们主要确保您的文档行为得体,别无其他。
  • <html></html> - <html> 元素: 有时被称为根元素,此元素包含页面的所有内容。它还包括 lang 属性,该属性指定文档的默认语言。
  • <head></head> - <head> 元素: 此元素用作您希望在 HTML 页面中包含但不会向您的页面用户显示的所有内容的容器。这包括字符集声明、关键字和您希望在搜索结果中显示的页面摘要等元素。
  • <meta charset="utf-8">: 您的作品中应使用的字符集是 UTF-8,其中包含大多数书面语言的大部分字符。本质上,它现在可以处理您添加到其中的任何文本。设置此项可以防止将来出现特定问题,并且没有理由不将其包含在文档中。
  • <meta name="viewport" content="width=device-width">: 通过确保页面以视口宽度渲染,此视口元素阻止移动浏览器提供比视口(屏幕)更宽的页面,然后将其缩小。
  • <title></title> - <title> 元素: 这决定了您页面的标题,该标题显示在加载页面的浏览器选项卡中。当您收藏或偏爱页面时,它还可以描述页面。
  • <body></body> - <body> 元素: 这包括您希望在网站访问者访问您的页面时显示给他们的所有材料,包括文本、图像、视频、游戏、可播放的音轨和其他媒体。

HTML 元素的解剖

  1. 起始标签: 起始标签是第一个用尖括号 (< >) 表示的 HTML 元素。它包含标签名称,这是 HTML 元素名称的另一个术语。例如,“division”元素的起始标签是“<div>”。
  2. 结束标签: 同样用尖括号括起来,标记 HTML 元素的结束。它的外观与起始标签相似,只是标签名称前面有一个斜杠 (/)。它表示元素内容结束的位置。例如,结束标签“</div>”与起始标签“<div>”匹配。
  3. 内容: HTML 元素的起始标签和结束标签之间的文本称为内容。它可以由文本、图形、链接和其他 HTML 组件的任意组合组成。
  4. 元素: 起始标签、结束标签以及其间的所有内容合起来称为 HTML 元素。这些组件协同工作以定义元素的功能和外观。通过将元素相互嵌套可以构建复杂的结构。

下一个主题索引 HTML