为同一位置添加多个锚点片段链接的标准或首选标签类型是什么？

最佳实践方案 #

目前没有专为多别名锚点设计的HTML标准元素，最符合你要求的首选方案是使用空的<span>标签作为别名锚点，这也是当前前端社区的通用做法。
<span>是无默认语义的行内元素，完全匹配你的所有需求：

• 默认无任何视觉表现，不需要额外CSS就不会在页面上产生任何可见内容
• 和同级标题处于完全相同的垂直位置，跳转定位效果和原标题ID的跳转效果100%一致
• 无任何默认行为，不会影响页面功能，空的<span>也不会被屏幕阅读器识别播报，对无障碍功能无影响
• 支持添加任意数量的别名，没有数量限制

示例代码如下：

<h2 id="section3.4">Section 3.4 - Foo</h2>
<span id="s3.4"></span>
<!-- 可以继续添加更多别名 -->
<span id="sec3-4"></span>

其他方案的问题说明 #

1. 不推荐用<a>标签
   你对<a>标签的语义判断是正确的：HTML5已经废弃了<a>标签的name属性用法，空的带ID的<a>虽然也能实现跳转效果，但不符合语义，部分老旧屏幕阅读器可能会误识别为空链接，反而影响无障碍体验。
2. 不推荐用自定义标签、块级标签或功能性标签
   自定义标签（比如你示例中的<xyz>）在极端老旧浏览器下存在兼容性风险；<div>等块级标签会额外占用垂直空间，可能导致跳转定位偏移；<canvas>、<script>这类功能性标签语义完全不匹配，还可能带来未知的副作用。
3. 外层section加ID的方案不适用该场景
   该方案不仅无法支持多别名需求，跳转位置还会受section的padding、margin等CSS样式影响，和原标题的跳转位置不一致，定位精度达不到要求。

可选优化 #

如果担心特殊场景下空<span>可能产生异常，可以添加一行全局CSS彻底消除风险：

span[id]:empty {
  all: unset;
}

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