HTML 是指什么 超文本标记语言详细解读

HTML 指的是超文本标记语言，英文全称 HyperText Markup Language，它是构建网页的基础标记语言，并不是编程语言，核心作用就是通过各类标签来定义网页的结构，告诉浏览器页面里面哪些内容是标题段落图片链接表格表单。我们日常访问的所有网站，页面底层骨架全部由 HTML 编写，浏览器读取 HTML 源码之后，按照标签定义解析渲染，最终变成我们肉眼看到的网页。之所以叫超文本，是因为它突破普通纯文本的限制，支持图文混排，还可以通过超链接跳转其他文档页面，把多个文档串联起来，这也是 HTML 最核心的设计初衷。现在主流使用的版本是 HTML5，新增语义化标签音视频画布本地存储等能力，和 CSS JavaScript 合称为前端三大基础技术，HTML 负责页面骨架，CSS 负责外观样式，JavaScript 负责交互逻辑，三者分工明确。

基础核心概念

HTML 的核心单元就是标签，绝大多数标签成对书写，分为开始标签和结束标签，标签可以嵌套，形成层级文档树，也就是 DOM 树。浏览器解析 HTML 之后会生成 DOM 对象，后续 CSS 和 JavaScript 都是基于这个 DOM 树进行操作。

HTML 发展历程

1 起源阶段 1990 年由蒂姆伯纳斯李设计，最初应用在科研网络环境，用来共享图文文档，标签种类非常少

2 迭代阶段 后续推出 HTML2 HTML3 HTML4，逐步增加表格表单框架等标签，但是不同浏览器解析规则不统一，兼容性问题突出

3 HTML5 阶段 针对旧版本缺陷进行重构，淘汰废弃标签，新增大量原生功能，不再依赖 Flash 插件，成为行业通用标准

4 现行维护模式 现在 HTML 采用活标准持续更新，不再锁定固定大版本，持续补充新特性，同时保持向后兼容

HTML 基础文档骨架

一份标准 HTML 页面拥有固定基础结构，最外层是 html 根标签，内部划分 head 头部区域和 body 主体区域。head 里面存放网页元信息，比如网页标题字符集编码移动端适配声明，这部分内容用户在页面上一般不可见。body 里面存放所有用户可见内容，文字图片链接表格表单全部写在 body 区域，页面第一行需要书写文档声明，告知浏览器使用 HTML5 标准解析页面。

HTML 关键特点

1 跨平台特性 只要设备安装浏览器，就可以解析 HTML 代码，不受操作系统限制

2 容错能力强 就算部分标签没有闭合，浏览器依然会尝试渲染页面，但是规范开发不建议写错误代码

3 语义化设计 HTML5 新增 header main section article footer 这类语义标签，标签自带含义，有利于搜索引擎识别，提升代码可读性

4 无需编译 HTML 源码不需要提前编译，浏览器直接读取源码实时解析渲染，修改代码保存之后刷新浏览器就可以看到效果

容易混淆知识点区分

很多新手会把 HTML 当成编程语言，这个理解是错误的，HTML 没有变量循环条件判断这类编程能力，只负责描述页面结构。CSS 只控制颜色字体间距等外观，不能定义页面结构，JavaScript 负责动态交互逻辑，三者不能互相替代。HTML 本身不能独立实现动态数据处理，动态业务一般需要搭配后端程序生成动态 HTML 页面。

【常见问题】

问题 1 HTML 是指编程语言吗

回答 1 HTML 不是编程语言，HTML 是指超文本标记语言，只用来描述网页结构，不具备编程逻辑运算能力。

问题 2 HTML 是指哪个机构制定标准

回答 1 HTML 的标准最初由 W3C 组织制定，现在 HTML 由 WHATWG 持续维护更新，HTML 是指网页领域通用的标记标准。

问题 3 HTML 是指必须配合 CSS 一起使用吗

回答 3 HTML 可以单独运行展示基础内容，但是想要美化页面外观，HTML 一般会搭配 CSS，HTML 负责结构，CSS 负责样式。

问题 4 HTML 是指可以在手机浏览器打开吗

回答 4 HTML 支持跨平台，HTML 编写的页面可以在手机浏览器正常打开，这也是 HTML 重要的特点之一。

【免责申明】

本文内容基于公开 W3C 以及 WHATWG 规范资料整理，仅用于 HTML 入门科普学习，标准会持续迭代更新，不同浏览器对新特性支持程度存在差异，实际开发请参考官方最新规范文档。