HTML

网页的结构与语义语言;定义文档大纲、嵌入内容与表单交互的信息骨架,外观与行为分别交给 CSS 与 JavaScript。

#type / resource #status / growing #tech / dev #tech / dev / frontend #resource / html

[!info] related notes

HTML

这是什么

HTML(HyperText Markup Language)是 Web 的结构与语义语言。它不负责像素级外观(那是 CSS),也不负责复杂行为状态机(那是 JavaScript),它负责回答:

  • 这是标题、段落、导航还是主内容?
  • 这是一张需要替代文本的图,还是一段可提交的表单?
  • 文档的元信息、语言与脚本如何进入页面?

现代 HTML 以 WHATWG HTML Living Standard 为准绳,日常开发以语义、可访问性与渐进增强为默认工程约束。

适合什么

  • 文档型页面、营销页、内容站的信息架构
  • 应用壳的可访问骨架(地标、标题层级、表单)
  • 与 CSS/JS 协作的前端基础层
  • SEO/社交预览依赖的基础元信息

不适合 / 边界

  • 用 HTML 标签“画布局”(应用 CSS)
  • div 海重造已有原生控件语义
  • 把业务状态机写进标签属性却不维护可访问名与键盘路径
  • 认为“框架组件输出什么标签无所谓”——组件最终仍落成 HTML

[!abstract] 一句话理解 HTML 是给浏览器、辅助技术与爬虫阅读的意义层;CSS 是呈现层,JavaScript 是行为层。

学习主线

  1. 文档结构
  2. 语义化元素
  3. 表单可访问性
  4. 再进入 CSS / JavaScript

完整阶段目录见 HTML 学习路线 MOC

与相邻技术的分工

主要问题入口
HTML是什么、结构关系本页 · 路线
CSS长什么样、如何排CSS
JavaScript如何响应用户与数据JavaScript
框架如何规模化组件与状态React · Vue 3

本节总结

学 HTML 不是背标签表,而是学会用语义表达界面意图,让样式与脚本建立在稳固结构上。

创建于 2025/9/29 更新于 2026/7/15