Het kan nooit kwaad om een vastgeroeste gewoonte onder de loep te nemen. Om met een hyperlink naar een andere plek in een webpagina te springen gebruikte ik sinds jaar en dag de volgende code:

<a name="details"></a>
<h2>Details</h2>


Hier kun je dan in dezelfde pagina met de volgende code naar toe linken:

<a href="#details">meer details</a>

Vanuit semantisch oogpunt vond ik de eerste anchor-tag overbodig. Bij toeval kwam ik erachter dat het ook mogelijk is om een id toe te kennen aan een willekeurig HTML-element en daar dan met een anchor naar toe te springen. De a-tag is dan niet meer nodig, vergelijk:

<a href="#details">meer details</a>
...
<h2 id="details">Details</h2>


En klaar is Kees! Blijkbaar mag dit al geruime tijd van de browserbouwers, want mijn testpagina werkte in alle volgende browsers die ik testte:

• Firefox 1.0.6
• IE5.0
• IE6.0
• Netscape 7.0
• Safari 2.0 / Mac
• IE5.2 / Mac

Let er wel op dat je een id maar een keer per pagina gebruikt.

Dit bericht was geplaatst door Tom op Wednesday 3 August 2005 om 20:54 uur en is gearchiveerd onder semantische web, webstandaarden. Je kan de reacties hierop volgen via de RSS 2.0 feed. Je kan een bericht achterlaten, maar pingen en trackback is niet mogelijk.