HTML BASICS
HTML基础学习笔记
从语义化标签到可访问性、SEO 结构，记录每一个 HTML 细节背后的真实思考与踩坑。HTML 不只是写标签，更是把内容讲清楚。
语义化
从 div 大军到语义化标签：我的重构日记
项目里堆满 div 与 span 之后，我开始用 header、main、article、section 重新组织页面，可读性与 SEO 一并改善。
2026-07-28
阅读 →
表单
HTML 表单验证的 5 个真实踩坑
required、pattern、type=email 看似简单，但兼容性与提示文案里藏着不少坑，我把踩过的都整理出来了。
2026-07-21
阅读 →
响应式
用 picture 标签做响应式图片，真没那么难
srcset 配合 picture + source，让手机用户不再下载 2MB 的大图，移动端首屏提速明显。
2026-07-14
阅读 →
可访问性
可访问性 ARIA：被前端忽略的关键能力
role、aria-label、aria-live 不是装饰，而是让屏幕阅读器用户能用上你做的功能。从弹窗开始改起。
2026-07-07
阅读 →
HTML5
HTML5 新特性实战：data-* 与 Web Storage
自定义属性配合 localStorage，做出一个免登录的轻量待办列表，理解浏览器存储的边界与陷阱。
2026-06-30
阅读 →
SEO
SEO 友好的 HTML 结构：从语义到 schema.org
正确的标题层级、meta 信息、结构化数据，让搜索引擎真正读懂你的页面，而不是靠关键词堆砌。
2026-06-22
阅读 →