今天学了什么
关于
关键影响点：
- 当页面存在多个相似区块（如“相关文章”“猜你喜欢”），
明确告诉爬虫：“只有这里面的才是本页原始意图” - Lighthouse 的 “Accessibility” 分数直接受
合规性影响；低分页面在部分垂直搜索场景中排序靠后 - AMP 页面强制要求
存在且唯一，否则校验失败
兼容性不是问题，但 IE 需要 fallback 处理
所有现代浏览器（Chrome 26+、Firefox 21+、Safari 7+、Edge 12+）原生支持 。IE 完全不识别该标签，也不会报错，只是忽略其语义。
如果项目仍需支持 IE：
- 不必改用 —— 两者语义等价，但原生
在其他浏览器中更可靠- 只需确保 CSS 不依赖
main选择器做关键布局（例如不要写main { display: flex }而不提供div[role="main"]回退）- 无障碍测试工具（如 axe）默认检查
，不检查role="main"，所以优先保留原生标签真正容易被忽略的是：构建工具（如 Webpack + HtmlWebpackPlugin）或 SSR 框架（如 Next.js 的
getStaticProps）可能在多页共用模板时，忘记动态控制的渲染逻辑 —— 这类错误在线上环境极难被肉眼发现，必须靠自动化校验（如 Puppeteer + axe-core 扫描）捕获。以上就是本文的全部内容了，是否有顺利帮助你解决问题？若是能给你带来学习上的帮助，请大家多多支持golang学习网！更多关于文章的相关知识，也可关注golang学习网公众号。
- 只需确保 CSS 不依赖
