提起
究竟什么时候该用
判断标准其实很明确：就看内容是否承担着「引导、标识、入口」的核心功能。
- 如果你的页面顶部放着网站Logo、主导航菜单或者搜索框——别犹豫，
- 在一篇文章
的开头，如果包含了标题、作者、发布时间等信息，那么在里面嵌套一个 - 反过来，如果某个容器纯粹是为了视觉分隔或者加个背景色，那么用
反而更合适。强行套上 - 另外记住，一个页面里可以出现多个
或内部。
它本身是个包容的容器，可以放大多数流内容，但有几条铁律必须遵守：
- ✅ **允许放入**：从
到的标题、导航、图片等等，都很常见。 - ❌ **严格禁止**：
同理。 - ⚠️ **一个关键细节**：
role=”banner”属性，或者确保里面包含明确的导航锚点。
样式与兼容性：现代开发中的实际处理
兼容性方面基本无须担心。所有现代浏览器都对document.createElement(‘header’)，要么直接引入html5shiv这类垫片库。
立即学习“前端免费学习笔记（深入）”；
- 写CSS时，直接选择
header { }即可，它默认就是display: block，无需额外声明。 - 千万别指望它自带任何边距或内填充——它和
一样“清白”，所有视觉表现都得靠你亲手定义。 - 在使用CSS Grid或Flexbox进行布局时，
的布局行为完全一致。选择哪一个，影响的仅仅是代码的语义清晰度，而不是布局能力。
说到底，语义化标签的价值是一种长期投资。一个没使用
