No.06核心核对于 2026-09-261 条来源

HTMLHyperText Markup Language

一句话

HTML 是描述网页内容和结构的标记语言，标明哪里是标题、段落、图片、链接和按钮。

大白话

HTML 像给一份稿子做标注：这行是大标题，这段是正文，这里插一张图，这里是个可以按的按钮。排版的人和机器都照着这些标注，知道每一块内容是什么。

比喻的边界

标注只说“这是什么”，不管长什么样、点了会怎样；颜色和排版归 CSS，点击后发生什么归 JavaScript。

拿去就能用

开始做

我要做一个，内容包括。先帮我只写 HTML 结构，标题层级要清楚，每个输入框都有对应的标签文字。样式先不写，写完告诉我每块区域的作用。

还差：页面用途、页面内容，发给 AI 前记得换掉

出错了

页面底部多出一大块空白，还有一段文字跑到了卡片外面。我怀疑有标签没闭合或嵌套错了，先帮我检查这个文件的标签配对，找出具体行号，确认是这个原因再改。

想做深

我想让页面对搜索引擎和读屏软件更友好。帮我检查现有 HTML 的标题层级、图片的替代文字和链接文字，列出问题和改法，先不改视觉效果。

别这样说

页面结构乱了，你帮我重新整理一下。

这样说

我的个人主页用读屏软件读时，找不到任何标题，整页都是一层层 div。帮我把现有内容改成语义清楚的 HTML：一个主标题、每节一个小标题、按钮用 button。先列改动清单，我确认后再改。

差别：说清了“乱”具体指什么、目标结构是什么，并要求先列清单。

容易误解：

误解想调位置、改颜色，就去改 HTML 标签。

其实是HTML 管“这是什么”，位置和外观交给 CSS；为了排版乱加空标签，只会让结构更乱。

展开专业理解

HTML 用标签标记内容，浏览器读取后生成元素树，CSS 和 JavaScript 都作用在这棵树上。header、nav、main、button 这类语义标签让浏览器、读屏软件和搜索引擎知道每块内容的角色。用 div 模拟按钮看起来一样，但键盘操作和读屏体验会变差。