真正语义化的标签是浏览器、搜索引擎和辅助技术能据此推断内容角色的标签，如这7个核心结构标签，以及等关键辅助标签。
哪些标签才算真正“语义化”？
不是所有 HTML5 新增标签都算语义化标签——只有那些**浏览器、搜索引擎和辅助技术能据此推断内容角色**的标签才算。比如 核心语义结构标签就 7 个，必须记牢： 它们不参与主结构，但对 SEO 和无障碍至关重要，常被忽略： 最易被忽视的一点： 立即学习“前端免费学习笔记（深入）”； 永远不算，哪怕你加了 class="header"；而 、 这类，一写出来，机器就知道“这是页眉”“这是导航”“这是主体内容”。
下不该直接跟 ，中间得有内容层）
和 这类“小众但关键”的标签怎么用？
+ ：不只是给图片加标题。图表、代码块、引用块、甚至一段 SVG 都适用。注意： 必须是 的**第一个或最后一个子元素**：让机器精准识别日期。搜索引擎会抓取 值而非文本，所以中文写法不影响解析：只用于作品名（书名、电影名、文章标题），不是作者名；作者名该用 或
：包裹首次出现的专业术语，如 ，屏幕阅读器会提示“定义” 标签在旧版 Safari（≤15.6）中需配合 才能被正确识别；若目标用户含大量 iOS 15 及以下设备，建议补上。const tags = ['header','nav','main','article','section','aside','footer'];
tags.forEach(t => document.querySelectorAll(t).forEach(el => {
if (el.parentElement && !tags.includes(el.parentElement.tagName.toLowerCase()) && el.parentElement.tagName !== 'BODY') {
console.warn(`${t} inside ${el.parentElement.tagName.toLowerCase()} — likely invalid`);
}
}));
