HTML: links

In HTML kan je een link plaatsen naar een andere pagina met de <a> (achnor of anker) tag. Een anchor element is een tweeledige tag dus moet ook telkens gesloten worden.

<a href="page.html">Link tekst</a>

Het href attribuut

Een link heeft altijd een href attribuut nodig. Hierin plaats je de locatie waarnaar je wil linken.

• Een andere webpagina: gebruik een correct pad
• Een locatie op je pagina: met behulp van een id (#id)
• Een e-mail adres: mailto:hello@arteveldehs.be
• Een telefoonnummer: tel:+123456789

Voorbeelden:

<a href="page.html">Link tekst</a>
<a href="#target">Link tekst</a>
<a href="mailto:hello@arteveldehs.be">hello@arteveldehs.be</a>
<a href="tel:+123456789">+123456789</a>

Het target attribuut

Met het target attribuut kan je bepalen hoe een link door je browser behandelt wordt.

• _self: opent de link in het huidige venster, indien er geen target attribuut aanwezig is dan is dit ook het standaard gedrag
• _blank: opent de link in een nieuw venster of tab

Andere minder gebruikte opties kan je bekijken op MDN: HTMLAnchorElement: target property

Voorbeeld:

<!-- Opent de link in een nieuw venster of tabblad -->
<a href="page.html" target="_blank">Link tekst</a>