html - 如何防止命名 anchor 引入换行符

Question

在下面的代码片段中:

<a name="top"></a>
<div class="topbar">
  <img src="banner.jpg" alt="The Group Company" width="100%" />
  <div class="printOnly">
    <center><b>Printed from www.company.com</b></center>
  </div>
</div>

命名 anchor ( <a name="top"></a> ) 在 topbar div 之前引入了一个换行符。有没有办法防止这种情况？出于各种原因，命名 anchor 必须位于包含横幅图像的 div 之上。

我曾尝试使用 CSS 将 anchor 的高度设置为0px并将显示设置为无，但这使他无法使用 anchor (即从页面其他地方链接到 #top 不再有效)。

有解决办法吗？

Answer 1

实际上，使用 anchor 链接到页面上的某个部分是obsolete .您可以使用 global id attribute反而。这也解决了您的问题，因为您不必添加额外的 dom 元素:

<div class="topbar" id="top">...</div>

其他地方:

<a href="#top">Go to top</a>

很简单!