html5常见问题包括:语义标签误用导致渲染异常,required属性失效,音视频加载失败无控制台报错,flex/Grid在IE11兼容性差,以及语义标签与ARIA配合缺失影响可访问性。

html5 标签写错导致浏览器静默忽略
浏览器对非法 HTML5 结构通常不报错,而是直接跳过或自动修复,结果页面渲染异常却找不到源头。比如把 放在
外但嵌套在
里,部分旧版 safari 会丢弃整个
内容。 实操建议:
- 用 W3C Nu Validator 在线校验,它比浏览器开发者工具更早发现语义结构错误
- 避免在
、前缀的 css,但注意它无法修复语法级不兼容(如需手动替换为)- IE11 的 Flex 子项必须显式设
,不能只靠;推荐写成- Grid 布局在 IE11 中仅支持旧语法(
),且不支持单位,需换算为required或百分比 实际项目里最容易被忽略的,是 HTML5 语义标签与 ARIA 属性的配合使用——比如data-required没加required,屏幕阅读器就无法区分多个导航区;或者required打开后没调用display: none,键盘焦点就出不去。这些不报错,但可访问性直接归零。 - IE11 的 Flex 子项必须显式设