Якоря в таблицах

Question

Я пытался связать 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> 

Любая идея, почему это происходит?

Answer 1

Синтаксис идентификатора фрагмента в URL-адресе представляет собой хеш-символ, за которым следует идентификатор элемента.

Идентификаторы элементов начинаются символом хэша. Поэтому, когда href="#id3" ищет элемент с id="id3", он не находит его.

Удалить символы хеша из идентификаторов элементов.

Answer 2

Ваш код не работает, поскольку вы использовали # как в своих , так и href атрибутах. Удалите # с вашего id и он будет работать.