HTML
网页的结构与语义语言;定义文档大纲、嵌入内容与表单交互的信息骨架,外观与行为分别交给 CSS 与 JavaScript。
#type / resource
#status / growing
#tech / dev
#tech / dev / frontend
#resource / html
[!info] related notes
- 学习路线:HTML 学习路线 MOC
- 知识地图:HTML MOC
- 文档骨架:HTML 文档结构
- 语义:HTML 语义化元素
- 可访问性:HTML 可访问性基础
- 相邻:CSS · JavaScript · 前端基础 MOC
HTML
这是什么
HTML(HyperText Markup Language)是 Web 的结构与语义语言。它不负责像素级外观(那是 CSS),也不负责复杂行为状态机(那是 JavaScript),它负责回答:
- 这是标题、段落、导航还是主内容?
- 这是一张需要替代文本的图,还是一段可提交的表单?
- 文档的元信息、语言与脚本如何进入页面?
现代 HTML 以 WHATWG HTML Living Standard 为准绳,日常开发以语义、可访问性与渐进增强为默认工程约束。
适合什么
- 文档型页面、营销页、内容站的信息架构
- 应用壳的可访问骨架(地标、标题层级、表单)
- 与 CSS/JS 协作的前端基础层
- SEO/社交预览依赖的基础元信息
不适合 / 边界
- 用 HTML 标签“画布局”(应用 CSS)
- 用
div海重造已有原生控件语义 - 把业务状态机写进标签属性却不维护可访问名与键盘路径
- 认为“框架组件输出什么标签无所谓”——组件最终仍落成 HTML
[!abstract] 一句话理解 HTML 是给浏览器、辅助技术与爬虫阅读的意义层;CSS 是呈现层,JavaScript 是行为层。
学习主线
完整阶段目录见 HTML 学习路线 MOC。
与相邻技术的分工
| 层 | 主要问题 | 入口 |
|---|---|---|
| HTML | 是什么、结构关系 | 本页 · 路线 |
| CSS | 长什么样、如何排 | CSS |
| JavaScript | 如何响应用户与数据 | JavaScript |
| 框架 | 如何规模化组件与状态 | React · Vue 3 |
本节总结
学 HTML 不是背标签表,而是学会用语义表达界面意图,让样式与脚本建立在稳固结构上。