表中的锚点答案

【问题标题】：Anchors in tables表中的锚点
【发布时间】：2016-09-13 16:04:33
【问题描述】：

我试图将table 与同一页面中的一些锚链接，但我不知道发生了什么。

Here 它按预期工作。但是this code 就不行了。

<table>
  <tr> </tr>
  <tr id="#i0">
    <td style="vertical-align:top"><a href="#section0">150, 166666</a></td>
    <td class="sec"><a href="#section0">PFC CINEMA LAMBRO</a><br>
      <font >Plan du radier et des fondation.</font><br>
      <br></td>
  </tr>
  <tr id="#i1">
    <td style="vertical-align:top"><a href="#section1">151, 165555</a></td>
    <td class="sec"><a href="#section1">AXONOMETRIA/CIMENTACIONES</a><br>
      <font >Projet pour un et des fondation.</font><br>
      <br></td>
  </tr>
  <tr id="#i2">
    <td style="vertical-align:top"><a href="#section2">152, 164444</a></td>
    <td class="sec"><a href="#section2">EXPO - MAD 2015</a><br>
      <font >Exposition des projets du semestre.</font><br>
      <br></td>
  </tr>
  <tr id="#i3">
    <td style="vertical-align:top"><a href="#section3">153, 163333</a></td>
    <td class="sec"><a href="#section3" onclick="closeNav()">PFC CINEMA LAMBRO</a><br>
      <font>Projet pour un cinéma à Milan.</font><br>
      <br></td>
  </tr>
</table>
<div class="Esp"></div>
<a href="#i3">This should make me go up</a>

知道为什么会这样吗？

【问题讨论】：

从 ID <tr id="i0">中删除#
@Quentin:"ID 和 NAME 标记必须以字母开头 ([A-Za-z])"...嗯，在 HTML4 中。
@Cerbrus — 谁在 2016 年使用 HTML 4？从同样的答案来看，HTML 5 更加宽容，只是说一个 id 必须至少包含一个字符，并且不能包含任何空格字符。
@mplungjan — URL 不是 CSS
@Quentin：不过，出于同样的原因，你最好避免在id 属性中使用#。现在你只是在挑剔以保持这个开放。关键是，当然，# 并没有被禁止，但它非常不切实际。这就是欺骗目标所说的。

标签： html css html-table anchor

【解决方案1】：

URL 中片段 ID 的语法是一个井号，后跟元素的 ID。

您的元素 ID 以井号开头。所以当href="#id3" 查找带有id="id3" 的元素时，它没有找到。

从元素 ID 中删除哈希字符。

【讨论】：

【解决方案2】：

您的代码不起作用，因为您在id 和href 属性中都使用了#。从您的 ids 中删除 # 即可。

【讨论】：