html5语义化布局强调标签的逻辑角色而非样式,main必须唯一且不嵌套,header/footer可多级复用但需匹配父容器,nav专指主导航,aside须与上下文相关,section用于有标题的主题区块,article用于独立成篇的内容。

HTML5布局不是把标签堆出来,而是让每个标签准确表达它包裹内容的逻辑角色。语义标签的价值不在样式,而在告诉浏览器、搜索引擎和屏幕阅读器“这部分内容到底是什么”。
main必须唯一且顶层
一个页面只能有一个
- 正确:
直接放在下,里面放 或多个 - 错误:
或… - 例外:
内部可以有自己的 和
header和footer可多级复用,但要匹配父容器
页面顶部有个
- 页面级
里放Logo、主导航、搜索框 - article级
里放文章标题、作者、发布日期 - section级
nav只管主导航,aside只管附属信息
- aside必须与当前上下文相关:文章页右侧的“作者简介”“延伸阅读”可用
前端入门到VUE实战笔记:立即使用
在学习笔记中,你将探索 前端 的入门与实战技巧!











