自定义HTML<highlight>标签用于文本高亮是否合规？能否用于项目？

你好呀！你的这个实现确实能在现代浏览器里正常运行，但如果要用到正式项目里，还是有几个需要留意的问题，同时也有更规范的替代方案：

存在的潜在问题 #

• 不符合HTML标准规范：HTML有一套官方定义的标签集合，自定义的<highlight>标签不在标准内。虽然现代浏览器有容错机制能解析它，但在一些老旧浏览器（比如IE）里可能出现渲染异常，而且未来如果HTML标准新增同名标签，你的代码就会出现冲突。
• 可访问性缺陷：屏幕阅读器等辅助技术通常只识别标准HTML标签，自定义标签无法被正确识别为高亮内容，会影响视障用户的体验，违反无障碍访问的最佳实践。
• 样式一致性风险：自定义标签没有默认的样式继承规则，不同浏览器对它的默认渲染可能有差异，你需要额外编写更多CSS来保证跨浏览器的一致性。

更推荐的替代方案 #

• 标准<span>+类名方案：这是最通用且安全的做法，完全符合规范，兼容性拉满：

  <html>
  <head>
    <style>
      .highlight{ background-color:#FFF176; }
    </style>
  </head>
  <body>
    A quick <span class="highlight">brown</span> fox jumped over a lazy dog.
  </body>
  </html>
  

• 语义化<mark>标签：HTML5专门提供了<mark>标签用来标记需要高亮的文本，自带语义，对无障碍友好，还能自定义样式：

  <html>
  <head>
    <style>
      mark{ background-color:#FFF176; }
    </style>
  </head>
  <body>
    A quick <mark>brown</mark> fox jumped over a lazy dog.
  </body>
  </html>
  

总的来说，自定义标签虽然能用，但正式项目里更推荐用上面两种标准方案，既安全又能避免后续的潜在问题。

内容的提问来源于stack exchange，提问作者Ronald