因为浏览器和辅助技术依赖标签语义而非class名识别内容角色,无内置语义,而标识独立可分发内容、明确声明导航区域,替换会导致屏幕阅读器无法识别结构、seo降权及无障碍测试失败。

为什么 <div> 不能代替 <code>@#@#@#@#@#@#@#@#@#@0,粘贴 HTML 就能看语义和语法问题<li>IE 支持语义标签需 <code>document.createElement("article") 或引入 html5shiv,但现在基本不用考虑
<p></p> <strong></strong>,得靠后处理或编辑器配置补全 <figure></figure>、<time></time> 等语义化不是贴标签比赛,关键在每次写 HTML 时,多停半秒问一句:“这段内容,对机器来说,它‘是什么’,而不是‘看起来像什么’。”
<time datetime="2023-01-01">2023年1月1日</time><time datetime="2023-01-01T14:30">下午2:30</time>











