如何防止命名锚引入换行符

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 之前引入换行符.有办法防止这种情况吗？由于各种原因,命名锚点必须位于包含横幅图像的div上方.

我已经尝试使用CSS 将锚点的高度设置为0px并显示为none,但这会使锚定非功能性(即从页面中其他位置链接到#top不再起作用).

这有解决方法吗？

Answer 1

实际上,使用锚点链接到页面上的某个部分已经过时了.您可以改用全局id属性.这也解决了您的问题,因为您不必添加额外的dom元素:

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

别的地方:

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

轻而易举!