Een van de belangrijkste onderscheidende factoren tussen websites en andere vormen van communicatiemedia is het idee van "links" of hyperlinks zoals ze technisch bekend zijn in termen van webontwerp.
Naast het helpen om het web te maken tot wat het nu is, zijn links, maar ook afbeeldingen, de gemakkelijkste manier om dingen toe te voegen op webpagina's. Gelukkig zijn deze items eenvoudig toe te voegen (slechts twee standaard HTML-tags) en kunnen ze opwinding en interactiviteit brengen naar wat anders gewone tekstpagina's zouden zijn. In dit artikel leert u over de (anker) tag, het daadwerkelijke HTML-element dat wordt gebruikt om links naar webpagina's toe te voegen.
Links toevoegen
Een koppeling wordt een anker in HTML genoemd en daarom is de tag die het vertegenwoordigt de A-tag. Gewoonlijk verwijzen mensen naar deze toevoegingen als "koppelingen", maar het anker is wat er feitelijk aan een pagina wordt toegevoegd.
Wanneer u een koppeling toevoegt, moet u wijzen naar het webpagina-adres waarnaar uw gebruikers moeten gaan wanneer ze klikken of tikken (als ze op een aanraakscherm staan) die koppelen. U specificeert dit met het attribuut.
De href attribuut staat voor "hypertext reference" en het doel is om de URL te dicteren waar u naar toe wilt gaan. Zonder deze informatie is een link nutteloos - het zou de browser vertellen dat de gebruiker ergens naartoe zou moeten worden gebracht, maar het zou niet de bestemmingsinformatie beschikbaar hebben voor waar dat "ergens" zou moeten zijn. Deze tag en dit kenmerk gaan hand in hand.
Als u bijvoorbeeld een tekstlink wilt maken, schrijft u:
Tekst die de link zal zijn
Dus om te linken naar de startpagina van About.com Web Design / HTML, schrijft u:
Lifewire
Je kunt bijna alles op je HTML-pagina linken, inclusief afbeeldingen. Omzeil eenvoudigweg de HTML-elementen of -elementen die u wilt koppelen aan de
en -tags. U kunt ook plaatsvervangende koppelingen maken door de href attribuut - maar wees er zeker van om terug te gaan en de href-informatie later bij te werken of de koppeling zal eigenlijk niets doen wanneer deze wordt geopend.
HTML5 maakt het geldig om elementen op blokniveau zoals alinea's en te koppelen DIV elementen. U kunt een ankertag toevoegen rond een veel groter gebied, zoals een divisie of definitielijst, en dat hele gebied zal "klikbaar" zijn. Dit kan met name handig zijn wanneer u probeert grotere, vingervriendelijke gebieden op een website te maken.
Enkele dingen om te onthouden bij het toevoegen van links
- De laatste tag is verplicht. Als u vergeet om het op te nemen, wordt alles dat volgt op die link ook gekoppeld, totdat een andere link de tag sluit.
- Meestal is het het beste om losse afbeeldingen en korte tekstoverzichten te koppelen in plaats van grote blokken tekst. Links kunnen kleuren toevoegen en stijlen onderstrepen naar uw pagina die moeilijk te lezen zijn. Natuurlijk kunt u CSS gebruiken om deze linksstijlen te wijzigen en kleuren te bewerken of onderstrepingen te verwijderen, maar het is nog steeds goed om rekening te houden met deze realiteit.
- Zorg ervoor dat u uw links controleert, zodat ze niet slecht worden. Link Rot kan ervoor zorgen dat zowel gebruikers als zoekmachines uw site als ongeldig beschouwen. Gebruik regelmatig een linkchecker om de links op uw pagina's te verifiëren. Dit is met name het geval wanneer u een koppeling maakt naar sites van derden (sites die u niet beheert) en die hun pagina's mogelijk te vaak wijzigen, waardoor u met dode links te maken krijgt. Een linkchecker zal deze dode links vinden, zodat u de nodige updates kunt uitvoeren.
- Vermijd tekst zoals "klik hier" in uw link. Vergeet niet dat mensen met aanraakschermen niet kunnen "klikken", zodat die tekst voelt als een product uit een vorig tijdperk en echt niet relevant is in het centrale web met meerdere apparaten.
Andere interessante soorten links
De EEN element maakt een standaardlink naar een ander document, maar er zijn andere soorten links waarin u mogelijk geïnteresseerd bent:
- Interne links of ankers - Dit zijn links naar ergens binnen een webpagina, niet noodzakelijk de top.
- Afbeeldingskaarten: hiermee kunt u afbeeldingen toewijzen aan afbeeldingen die zijn toegewezen aan specifieke delen van de afbeelding. Deze kunnen worden gebruikt voor games of creatieve navigatie. Je ziet ze vaak met kaarten waar gebieden op de kaart kunnen worden aangeklikt. Merk op dat image maps niet op de meeste moderne websites worden gebruikt, deels omdat ze problemen kunnen veroorzaken op mobiele apparaten.
- Het element - Dit element wordt gebruikt om andere documenten en pagina's te relateren aan de huidige. Het maakt geen klikbaar gebied op uw webpagina, maar het is wel handig om het te begrijpen.
