HTML 标签简写及全称
初学 HTML 常被 <div>、<ul> 这类缩写弄晕。其实绝大多数标签都来自英文单词或词组，记住它们的全称，含义与用法自然就清楚了。这节课把常用标签的简写与全称一次讲透。
标签命名的规律
HTML 标签大多取自描述性英文单词，直接用单词或单词缩写作为标签名，记住"名字即含义"即可：
| 标签 | 全称 | 中文含义 |
|---|---|---|
| html | HyperText Markup Language | 超文本标记语言（文档根元素） |
| head | Head | 文档头部 |
| title | Title | 网页标题 |
| body | Body | 文档主体 |
| p | Paragraph | 段落 |
| a | Anchor | 锚（超链接） |
| img | Image | 图像 |
| br | Break | 换行 |
| hr | Horizontal Rule | 水平分割线 |
| h1~h6 | Heading 1~6 | 一级到六级标题 |
列表与表格类标签
| 标签 | 全称 | 中文含义 |
|---|---|---|
| ul | Unordered List | 无序列表 |
| ol | Ordered List | 有序列表 |
| li | List Item | 列表项 |
| dl / dt / dd | Definition List / Term / Description | 定义列表、术语、描述 |
| table | Table | 表格 |
| tr | Table Row | 表格行 |
| td | Table Data | 单元格（存放数据） |
| th | Table Header | 表头单元格 |
文本样式与结构类标签
| 标签 | 全称 | 中文含义 |
|---|---|---|
| div | Division | 分区（块级容器） |
| span | Span | 跨度（行内容器） |
| b | Bold | 加粗 |
| i | Italic | 斜体 |
| u | Underline | 下划线 |
| em | Emphasized | 强调文字（斜体） |
| strong | Strong | 重要文字（加粗） |
| form | Form | 表单 |
| input | Input | 输入控件 |
| iframe | Inline Frame | 内联框架（页面里嵌页面） |
HTML5 语义标签同样可望文生义
header（页眉）、nav（navigation，导航）、section（区块）、article（文章）、aside（侧栏）、footer（页脚）等都是单词全称，一眼就能看懂用途：
<nav>导航区</nav>
<article>文章正文</article>
<aside>侧边栏</aside>
<!-- 在浏览器中显示为：从上到下三个不同含义的内容区域 -->
易错点
- 标签名虽然不区分大小写，但规范要求一律小写，请养成好习惯。
- 别把 td（单元格）与 tr（行）搞混：行里面装单元格。
- div 来自 division（分区）；a 来自 anchor（锚点），不是 link。
- h1~h6 表示标题层级（heading），级别数字越小，字号越大。
小结：标签大多是英文单词缩写，"名字即含义"是最高效的记忆法；把 div、td、a、strong 这些高频标签的全称记牢，写结构时就不容易用错。