HTML元素的etag属性可设多值吗？该做法是否属不良实践？

能不能用空格分隔设置多个值？ #

可以这么写。HTML自定义属性的本质是字符串，浏览器不会限制你用空格分隔多个值，只要你的QA定位工具能正确解析这种空格分隔的格式，就能识别到多个标签。比如你给出的示例代码 <el etag="accordion.container user.info">...</el>是完全合法的HTML写法。

这种做法是不是不良实践？ #

多数场景下属于不推荐的不良实践，原因如下：

• 语义模糊，违背单一职责：一个属性存多个值，破坏了属性“单一职责”的设计原则。其他维护人员看到这个etag时，很难快速判断它的用途——是同时标记两个分类？还是有主次优先级？语义不清晰会增加沟通和理解成本。
• 解析兼容性风险：不同工具对空格分隔的解析逻辑可能不一致。如果后续某个标签值本身需要包含空格（虽然目前用的是点分隔命名，但需求变化难以预测），就会直接导致解析错误；而且如果QA工具没做专门兼容，可能只会读取第一个值，或者把整个字符串当成单个标签，直接定位失败。
• 维护成本高：后续修改其中一个标签时，需要仔细拆分字符串，容易误删或写错其他值；随着标签增多，属性值会越来越长，可读性急剧下降，排查问题也更麻烦。
• 有更优的替代方案：如果需要给元素标记多个分类，更合理的选择包括：
  • 使用多个独立的自定义属性，比如 <el etag-accordion="container" etag-user="info">...</el>，语义清晰，修改和解析都更可靠；
  • 用JSON格式的字符串存储结构化数据，比如 <el etag='{"accordion":"container", "user":"info"}'>...</el>，适合复杂的多标签场景；
  • 如果场景允许，直接复用原生的class属性（毕竟class本身就是用来给元素打多标签的）。

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