HTML定义

HTML（超文本标记语言）是输入到文件以显示在互联网上的标记符号或代码的集合。这些标记指示网页浏览器如何显示网页上的文本和图片。

HTML 决定了网页的结构，而仅凭此框架无法创建交互式网页。因此，要使您的 HTML 更具吸引力并添加交互性，您需要 JavaScript 和 CSS 等辅助技术。

HTML定义

超文本（Hypertext）：超文本是指以链接相似元素（有时也嵌入图片）的方式组织的文本。

标记（Markup）：它是一种用于排版任何将要打印的内容的样式手册，无论是硬拷贝还是数字形式。

语言（Language）：计算机系统用来理解命令的语言称为语言。

• 超文本标记语言（Hyper Text Markup Language）即 HTML。
• HTML 是创建网页最常用的标记语言。
• HTML 用来描述网页的结构。
• HTML 由多个组件构成。
• HTML 组件决定了内容在浏览器中的显示方式。
• HTML 元素提供了诸如“这是一个标题”、“这是一个段落”、“这是一个链接”之类的标签。

HTML 有多种用途，包括

1. Web 开发：开发人员使用 HTML 代码来控制浏览器如何显示文本、超链接和文件类型。
2. 互联网导航：由于 HTML 广泛用于包含超链接，用户可以轻松地在相关页面和网站之间进行探索和插入连接。
3. 基于 Web 的教学：HTML 允许像 Microsoft Word 一样组织和格式化文档。

HTML 无法提供动态功能，因此不被视为编程语言，目前被视为公认的 Web 标准。HTML 标准由万维网联盟（W3C）定期制定和更新。

超文本标记语言基础

HTML 是一组输入到文本文件中的简短代码。HTML 文本文件被保存，并使用网页浏览器来查看。浏览器会解析文件，并根据作者编写代码的说明将内容转换为可视形式，从而生成可视表示。

在编写 HTML 时，必须正确使用标签来传达作者的意图。这些标签赋予 HTML 功能，并且标签区分了普通文本和 HTML 代码。包含在尖括号（<>）内的单词称为标签，它们能够让图形、图片和表格在网站上显示。

不同的标签有不同的用途。当需要使 Web 界面更具动态性时，可以采用 JavaScript 和层叠样式表（CSS）应用程序。CSS 和 JavaScript 分别使网页更加强大和易于访问。

HTML 基本元素

HTML 元素是标签内的一个组件，可以包含称为属性的键值对。文本文件还会用 HTML 内容进行标记，指定页面的呈现方式。会维护一种独特的、专有的 HTML 语法来显示标记，这与 HTML 文件中的实际内容不同。这些独特的元素被称为 HTML 标签。

HTML 组件总是有开始标签、中间内容和结束标签。开始标签包含可以为元素提供进一步详细信息的属性。有两种方法可以表征一个元素：

• 文档的块级元素从新的一行开始，并占用空间，段落和标题标签是这些组件的一些示例。
• 内联元素包含文本格式标签和超链接等内容。通常，这些组件的内容是以块级方式格式化的。在文档中，内联元素占据所需空间，并且不从新的一行开始。

HTML 标签

像关键词一样，HTML 标签指定网页浏览器将如何结构化和显示文本。使用标签，浏览器可以区分普通文本和 HTML 内容。开始标签、内容和结束标签是 HTML 标签的三个基本组成部分。然而，某些 HTML 标签是不需要闭合的。

网页浏览器从左到右、从上到下查看 HTML 文档。为了生成 HTML 文档并显示其特征，会使用 HTML 标签。每个 HTML 标签都有一组独特的特性。

网页浏览器需要 HTML 文件中的一些基本标签来区分普通文本和 HTML 文本。根据代码的需求，您可以包含任意数量的标签。

• 所有 HTML 标签都必须包含在尖括号（< >）中。
• 在 HTML 中，每个标签都有特定的功能。
• 如果您已经使用了开始标签 <tag>，那么在使用之后您必须添加一个结束标签 </tag>（一些标签除外）。

常用 HTML 标签

页面的布局由其 HTML 标签决定，这些标签还指定了每个元素如何在浏览器中显示。常用的 HTML 标签包括：

• <h1>，顶级标题描述
• <h2>，二级标题描述
• <p>，段落标签
• <table>，表格数据标签
• <ol>，有序列表信息标签
• <ul>，无序列表信息标签

如前所述，它们增强的内容被包含在开始和结束标签之间。

• 开始标签的格式如下：<p>。

结束标签遵循相同的规则，只是它们包含一个反斜杠，表示提供的 HTML 元素已结束。

• 结束标签编写为 </p>。

HTML 属性

• HTML 标签还可以接受称为属性的东西。这些属性，包括样式、ID 和类，被添加到开始标签中。
• 它们接受的值提供了有关元素的更多详细信息，并支持 JavaScript 样式和操作。
• HTML 属性是专门的术语，它们提供有关组件的更多信息或充当 HTML 元素的修饰符。
• 每个组件或标签都可以包含属性，这些属性指定了元素将如何表现。
• 使用属性时，应始终使用开始标签。
• 使用属性时，必须始终使用属性的名称和值对。
  
• 建议仅将属性的名称和值全部写成小写，因为它们是区分大小写的。
• 一个 HTML 元素可以添加多个属性，但在每次添加属性之间必须有一个空格。

使用和实现 HTML

由于 HTML 完全是基于文本的，因此可以通过在 Notepad++、Vi 或 Emacs 等应用程序中打开 HTML 文件来修改它。任何文本编辑器都可以创建或编辑 HTML 文件，只要它具有 ".html" 文件扩展名，任何网页浏览器（包括 Chrome 或 Firefox）都可以将其作为网页查看。

有许多所见即所得（WYSIWYG）编辑器可供专业软件开发人员使用来创建网页。WYSIWYG 编辑器由 NetBeans、IntelliJ、Eclipse 和 Microsoft 的 Visual Studio 提供插件或标准组件，这使得 HTML 非常易于使用和实现。

虽然现代在线浏览器有时会附带 Web 开发人员插件，这些插件可以显示 HTML 文档的问题，例如缺少结束标签或生成格式不正确的 HTML，但这些 WYSIWYG 编辑器也提供了 HTML 调试功能。

Chrome 和 Firefox 都内置了 HTML 开发人员功能，让您可以立即检查网页的整个 HTML 文件，在浏览时编辑 HTML，并在浏览器打开时更新 HTML。

CSS、HTML 和 JavaScript

尽管 HTML 可用于构建网页，但在完全响应式元素方面存在一些限制。因此，HTML 主要应用于添加文本组件并将其组织在网站内部。将 HTML 与 CSS 和 JavaScript 结合使用可以实现更复杂的功能（JS）。

HTML 文件可以在页面顶部（通常带有定义的文件路径）链接到一个层叠样式表（CSS）或 JS 文件，该文件包含有关 HTML 元素显示的信息，包括要使用的颜色和字体。此外，JavaScript 使网站设计者能够集成更多动态功能，如弹出窗口和图像滑块。称为类属性的标签用于将 HTML 组件链接到其匹配的 CSS 或 JS 元素。

JS 文件使用相同的基础方法，但功能不同。例如，用户可以在 CSS 文件中添加一个类属性，如果他们希望特定数量的文本显示为红色，该属性可以将文本设置为红色。最后，他们可以将相同的类属性添加到 HTML 页面中所有希望显示为红色的文本上。

HTML 与 HTML5 的区别

最初的 HTML 有 18 个标签，此后，随着后续版本的更新，标记语言又引入了更多的标签和属性。

HTML5 包含新的表单控件类型，这是 HTML 和 HTML5 的主要区别。此外，HTML5 还添加了许多语义元素，如“article”、“header”和“footer”，它们精确地定义了内容。

XML 与 HTML

与 HTML 不同，可扩展标记语言（XML）允许用户自定义其标记。

HTML 中只能使用一个预定义的标签来指示特定数据。而 XML 文档只包含语法和内容，它们被设计成易于阅读并包含用户定义的标签。

HTML 的优点和缺点

使用 HTML 的一些优点如下：

• 它被广泛使用，并且是完整的数据来源。
• 它在所有浏览器上都原生运行。
• 它相当容易学习。
• 它具有清晰可靠的源代码。
• 它是免费使用且开源的。
• 它与 PHP 等各种后端编程语言兼容。

需要考虑的一些缺点是：

• 它主要用于静态网页，缺乏动态功能。
• 尽管它们有相似的部分，但每个组件都必须单独设计。
• 浏览器行为可能不一致。例如，新功能可能无法与旧版浏览器兼容。