noshade 属性在html5中已被完全移除，html 4.01 中已废弃，须用css替代；它原为布尔属性，使水平线呈纯色而非阴影效果，但现代浏览器解析不一致且xhtml中非法。
noshade 已被 HTML5 完全移除，所有现代项目中都不该再用它——哪怕浏览器还能渲染，也属于隐性技术债。
为什么 noshade 会失效或表现异常
不是所有浏览器对 noshade 的解析逻辑一致：
- Chrome 和 Firefox 实际忽略
noshade，只按默认阴影样式画线 - 旧版 IE 可能渲染出纯色线，但高度、颜色受 UA 样式干扰严重
- XHTML Strict 文档中直接报验证错误：
Attribute noshade not allowed on element hr at this point - 即使写成
<hr noshade>（XHTML 写法），HTML5 解析器仍视其为非法属性
用 CSS 替代 noshade 的三种可靠写法
关键不是“怎么去掉阴影”，而是“怎么画一条确定样式的纯色线”。不同浏览器对 <hr> 的默认边框处理不一，必须显式重置：
- 最简跨浏览器方案：
<hr style="height:1px;border:none;background-color:#ccc"> - 若需兼容极老 Android WebView（
- 用 class 复用更安全：
<hr class="hr-solid">+ CSS 中定义.hr-solid { height: 1px; border: none; background-color: #999; margin: 1em 0; }
别踩这些坑：size、color、align 也一样过时
noshade 不是孤例。HTML5 中以下 <hr> 属性全部废弃：
-
size→ 改用heightCSS 属性 -
color→ 改用background-color或border-color（注意：仅设color对<hr>无效） -
align→ 改用margin-left/margin-right或 Flex 布局控制位置 -
width→ 改用widthCSS 属性，但需配合display: block（<hr>默认是块级，但宽度受父容器限制）
真正麻烦的不是写法替换，而是团队里有人在遗留模板里复制了带 noshade 的 <hr>，然后发现 QA 环境里线变粗了、颜色偏蓝、甚至消失——那大概率是 CSS 重置没覆盖到，或者用了 border 而不是 background-color。动手前先 inspect 元素，看浏览器实际应用了哪些样式规则。
