现代浏览器对废弃标签（如、）采取静默降级：不报错，但忽略其语义与行为，仅保留子内容；chrome/firefox/edge 104+ 直接忽略，ie/旧 safari 可能丢弃整个节点，导致滚动、背景音等功能失效。
浏览器怎么对待废弃标签：不是报错，是静默降级
废弃标签（如 <marquee></marquee>、<dir></dir>、<bgsound></bgsound>）在现代浏览器中不会触发控制台错误，但也不会按原意渲染。Chrome/Firefox/Edge 104+ 直接忽略它们的语义和行为，只保留子内容；IE 和旧 Safari 则可能完全丢弃整个标签节点。
常见错误现象包括：
-
<marquee></marquee>内容直接显示为普通文本，无滚动动画 -
<dir></dir>渲染结果与<ul></ul>不一致（缩进、标记样式丢失） -
<bgsound></bgsound>在 Elements 面板里不可见，document.querySelector('bgsound')返回null -
<strike></strike>虽仍可渲染删除线，但已不被 W3C Validator 接受，且部分屏幕阅读器跳过其语义
怎么快速确认某个废弃标签是否还在生效
别靠肉眼猜，用三步验证法：
- 打开 DevTools → Elements 面板，搜索
<marquee></marquee>等标签名 —— 如果根本搜不到，说明已被解析器跳过 - 执行
document.createElement('marquee').constructor.name，返回"HTMLUnknownElement"或"HTMLElement"都不关键，关键是看它是否响应getComputedStyle中的动画属性（marquee没有对应 CSS 属性） - 用
document.querySelectorAll('marquee *').length对比原始 HTML 字符串中该标签内子元素数量 —— 若前者为 0，说明内容也被剥离了
废弃标签替代方案落地时最容易漏的兼容点
写完 <marquee></marquee> → CSS 动画迁移后，仍可能出问题：
- CSS
@keyframes在 IE10–IE11 中需加-ms-前缀，且不支持transform: translateX()的百分比起止值（得用px或vw） -
<del></del>替代<strike></strike>后，旧版 Firefox 对<del datetime="..."></del>的datetime属性不解析，时间语义丢失 - 用
<iframe sandbox></iframe>替代<frame>时，若未显式声明sandbox="allow-scripts allow-same-origin"，跨域脚本会静默失败，且无控制台提示 -
<ul></ul>替代<dir></dir>后，若没重置list-style-type和padding-left，在 Safari 中默认缩进比 Chrome 多 20px
W3C Validator 和 jsdom 对废弃标签的判断逻辑差异
两者目标不同，不能互相替代：
- W3C Markup Validation Service 会明确标出
Element marquee is obsolete这类警告，但仅基于 DTD 规则，不关心实际渲染 - jsdom（Node.js 环境）在解析时会把
<marquee></marquee>当作普通HTMLElement创建，但调用el.getAttribute('behavior')始终返回null—— 因为该属性不在标准属性白名单里 - 真正要测“是否还能动”，得靠 Puppeteer 启动真实浏览器实例，执行
page.$('marquee')并检查返回值是否为null；jsdom永远返回元素对象，掩盖问题
废弃标签的降级不是“能不能用”，而是“用的时候你以为它在做事，其实它什么都没干”。排查必须落到真实 DOM 行为上，而不是结构存在性上。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
