From 73269958b2d27b7d615355ebaddac33e3863c502 Mon Sep 17 00:00:00 2001 From: sanbuphy Date: Sat, 14 Feb 2026 23:09:58 +0800 Subject: [PATCH] docs(web-basics): add sections for remembering HTML tags and CSS properties Add comprehensive guides for beginners to remember HTML tags and CSS properties by categorizing them and providing mnemonic techniques. Include practical tips for looking up unfamiliar elements and properties. --- docs/zh-cn/appendix/web-basics.md | 270 ++++++++++++++++++++++++++++++ 1 file changed, 270 insertions(+) diff --git a/docs/zh-cn/appendix/web-basics.md b/docs/zh-cn/appendix/web-basics.md index a271b77..9cb7b75 100644 --- a/docs/zh-cn/appendix/web-basics.md +++ b/docs/zh-cn/appendix/web-basics.md @@ -182,6 +182,100 @@ HTML 的基本单位是"标签"（tag）。标签用尖括号 `< >` 包裹，成 **什么时候用 div？** 当没有合适的语义标签时。比如一个纯装饰性的容器。 ::: +### 2.5 如何记住这么多 HTML 标签？ + +::: tip 🎯 新手困惑 + +"HTML 标签有一百多个，怎么记得住？" + +**答案是：不需要全部记住。** 实际开发中，90% 的情况只用 20 个左右的标签。 +::: + +#### 按用途分类记忆 + +**一、页面结构类（画骨架）** + +| 标签 | 记忆口诀 | 用途 | +|------|----------|------| +| `
` | 头 | 页面或区块的头部 | +| `