前端开发系列01：语义化 HTML 骨架入门
先用正确标签表达页面结构，再谈样式和交互，能显著降低后期维护成本。
目标 让页面先有“可读懂”的结构，避免后续 CSS/JS 乱用。 做法 header、nav、main、article、aside、footer 对应页面职责。 标题、段落、列表尽量使用原生语义标签。 表单控件必须配合 label 使用。 自检 图片加 alt 大块内容不再堆 div 结构清晰后，再统一做样式命名和布局。
先用正确标签表达页面结构，再谈样式和交互，能显著降低后期维护成本。
目标 让页面先有“可读懂”的结构，避免后续 CSS/JS 乱用。 做法 header、nav、main、article、aside、footer 对应页面职责。 标题、段落、列表尽量使用原生语义标签。 表单控件必须配合 label 使用。 自检 图片加 alt 大块内容不再堆 div 结构清晰后，再统一做样式命名和布局。