Html 我的代码中有一些锚，它们在FF中工作，但在Chrome中不工作

它们都在以“gam计划”开头的第二段中。链接“卡瓦和系泊球”应链接到页面下方的标题“卡瓦和锚定”，链接“酒店住宿”应链接到页面下方的标题“酒店住宿”

指向两个锚的两个链接通过Firefox由内而外的网络和外部工作。但是，锚链接不能通过谷歌浏览器工作

---

将文本映射为

滑动和锚定
为了跳转到页面的某个部分，需要在目标元素上使用
id
属性，而不是
name
属性。HTML标准的早期版本支持使用后者，但现在是，并且不会在浏览器之间一致工作

此外，您不需要在跳转位置放置一个空的
a
标记——您只需向要跳转到的元素添加一个
id
属性即可


好
下面是更改页面以实现所需功能的最简单但不是最好的方法

<strong id="SlipsandAnchoring">
  <span style="font-size: 18px;">
    Slips and Anchoring<br>
    <img .../>
  </span>
</strong>


最好的
但是，最好的解决方案是将页面的每个部分都包装在
部分
标记中。在HTML5中，节对相关内容进行分组，是分离页面不同部分的首选方式

除了作为语义最佳实践之外，还可以使用屏幕阅读器轻松地导航到节标记，因为大多数软件都熟悉标记的含义

完成此操作后，还应使用标题标记指示标题是页面上的重要标志


第h4节{
字号：18px；
字体大小：粗体；
保证金：0；
}
第img节{
宽度：300px；
高度：202px；
边框宽度：0px；
边框样式：实心；
对象匹配：覆盖；
}

卡瓦和锚固

<div id="SlipsandAnchoring">
  <p style="font-size: 18px; font-weight: bold;">Slips and Anchoring</p>
  <img .../>
</div>