HTML标签无全局权重，CSS权重取决于选择器构成而非标签名，SEO权重反映语义信号强度；标签必须在正确位置、以正确方式承载语义，否则失效。
HTML 标签本身没有全局统一的“权重值”，所谓“权重”实际分两类：一类是 CSS 选择器计算时的优先级（如 #id > .class > div），另一类是 SEO 场景下搜索引擎对语义标签的信号重视程度（如 <h1> > <h2> > <strong>）。混淆这两者，容易写错结构或误判效果。
CSS 选择器权重怎么算，跟标签名关系不大
很多人以为 <h1> 比 <p> “权重高”，其实这是误解。CSS 权重只看选择器构成，不看 HTML 标签名本身：
-
h1作为元素选择器，权重是0-0-1；p同样是0-0-1，完全相等 - 真正拉开差距的是选择器组合：
#header h1（1-0-1）一定压过.title（0-1-0），哪怕后者用在<h1>上 -
<strong>和<b>在 CSS 权重上毫无区别——它们都是普通元素，权重取决于你如何选中它们，不是标签自带“加成”
SEO 中的“标签权重”本质是语义信号强度
搜索引擎不读 CSS，它解析 HTML 结构并提取语义线索。这时标签的“权重”反映的是该标签在信息架构中的天然重要性：
-
<title>是页面第一语义锚点，权重最高（几乎所有 SEO 指南给它打 10 分），但必须严格放在<head>内，放错位置等于失效 -
<h1>是内容主标题信号，强调页面核心主题；多个<h1>不会叠加权重，反而可能被当成结构混乱 -
<strong>表示文本重要性，比<em>或<b>的语义更强，但单次使用效果有限，堆砌无益 -
<meta name="keywords">基本无权重（当前主流引擎已忽略），别花时间优化它
嵌套错误会让“高权重”标签彻底失效
再重要的标签，放错位置就失去语义。浏览器可能渲染出来，但结构已损坏：
立即学习“前端免费学习笔记（深入）”；
-
<title>写在<body>里？它只会当普通文本显示，不会成为浏览器标签页标题，SEO 工具也抓不到 -
<p>塞进<head>？浏览器会自动把它踢到<body>开头，导致首屏出现意外段落 -
<h1>包着<div>或<section>？没问题；但若里面嵌了另一个<h1>，就违反层级逻辑，部分校验工具直接报错 -
<strong>套<h2>？语义冲突——<h2>本身已是强调，再套<strong>不增强信号，还增加冗余 DOM 节点
真正影响效果的，从来不是标签名字多“高级”，而是它是否在正确位置、以正确方式承载了正确语义。结构错一环，后续所有语义信号都可能打折——尤其是 <head> 和 <body> 的边界，浏览器不会报错，但静默修正后的内容，往往和你写的不一样。
