Link
Een link afkorting van (hyperlink) is een HTML-object waarmee je naar een nieuwe locatie kunt gaan wanneer je erop klikt of tikt. Links staan op bijna elke webpagina en bieden een eenvoudige manier om tussen pagina's op het web te navigeren.
Links kunnen aan tekst, afbeeldingen of andere HTML-elementen worden gekoppeld. De meeste tekstlinks zijn blauw, omdat dat de standaardkleur is die webbrowsers gebruiken om links weer te geven. Links kunnen echter elke kleur hebben, omdat de stijl van de linktekst kan worden aangepast met HTML- of CSS-stijlen. In de beginperiode van het web werden links standaard onderstreept. Tegenwoordig worden links minder vaak onderstreept.
Wanneer een link op een afbeelding wordt toegepast, omvat de link-tag de afbeeldingstag of staat deze eromheen. Omdat de afbeeldingstag binnen de linktag is genest, wordt de afbeelding zelf een link. Deze methode kan worden gebruikt om links toe te passen op andere elementen, zoals <div>- en <span>-objecten. Omdat CSS echter kan worden gebruikt om een link op te maken, wordt vaak een <a>-tag met een CSS-klasse of ID-attribuut gebruikt in plaats van een <div>- of <span>-tag.
Hieronder staat een voorbeeld van de HTML voor een tekstlink en een afbeeldingslink:
Tekstlink: <a href="/definition/computer">Computer Definition</a>
Afbeeldingslink: <a href="https://techterms.com/definition/computer"><img src="/images/computer.jpg" alt="desktop PC"></a>
Relatieve en absolute links
De eerste link hierboven is een "relatieve link", omdat deze de domeinnaam niet bevat. In plaats daarvan is de link relatief aan de huidige website. Een interne link op TechTerms.com hoeft bijvoorbeeld niet "https://techterms.com/" in de bron te bevatten. Een relatieve link zoals "/definition/computer" is voldoende. Omdat de link met een schuine streep begint, begint het pad bij de hoofdmap. Als een relatieve link niet met een schuine streep begint, is het pad relatief aan de huidige URL.
De tweede link hierboven is een absolute link, omdat deze de domeinnaam bevat. Absolute links zijn vereist voor externe links, die je naar een andere website leiden. Ze kunnen beginnen met "http" of "https". Absolute links kunnen ook beginnen met twee schuine strepen ("//"). Dit wordt geïnterpreteerd als "http://" voor pagina's die via HTTP worden aangeboden en als "https://" voor pagina's die via HTTPS worden aangeboden.
NOTE: De "a" in de <a>-tag staat voor "anchor", omdat vroege hypertext-documenten vaak naar ankers (of markeringen) binnen een pagina verwezen in plaats van naar andere pagina's. Het "href" binnen een <a> staat voor "hypertext reference."
Test je kennis
