HTML Fundamentals - Links en ankers

• Mei 21, 2024

U kunt links gebruiken om uw pagina met andere pagina's te verbinden, of zelfs om naar verschillende delen van dezelfde pagina te springen. Links geven uw website een dynamische kwaliteit die hem anders maakt dan bijvoorbeeld een boek of een tijdschrift.

Op het meest basale niveau ziet een link-tag er als volgt uit:



Elke tag die begint met 'a' geeft een link aan, maar er zijn twee basistypen links: hyperlinks en benoemde ankers. Een hyperlink is een link die een webpagina verbindt met een andere webpagina en er ongeveer zo uitziet:

Link tekst hier

De informatie in de tag vertelt uw browser dat dit een hyperlink (href) is die verbinding maakt met de webpagina 'page.html'. De tekst in de tags (linktekst hier) is het gedeelte van de link dat een bezoeker daadwerkelijk ziet en kan erop klikken om naar page.html te springen. Als u naar een pagina op uw site linkt vanaf een pagina op dezelfde site, kunt u de domeininformatie weglaten. Als u bijvoorbeeld een link aan het maken was op uw pagina op www.domain.com/home.html en de link verbonden met de bestemmingspagina www.domain.com/page.html, kon u de link schrijven als en de domeinnaam informatie. Als u de domeinnaam weglaat, gaat de browser ervan uit dat de bestemmingspagina zich op dezelfde website bevindt als de koppelingspagina.

Het genoemde anker (vaak simpelweg 'anker' genoemd) dient een ander doel. Zoals je misschien al hebt geraden uit de naam, creëert een anker een onzichtbare vlag op de pagina die je browser vertelt waar te landen wanneer je een link instelt die bezoekers op een specifiek punt op een pagina laat vallen. Een anker ziet er zo uit:



Doorgaans bevat een anker geen tekst tussen de begin- en eindtags, omdat het er gewoon is om een ​​plek op de pagina te markeren. Als u een link wilt maken waarmee bezoekers vanaf een andere pagina naar deze plek op de pagina kunnen springen, kunt u een hyperlink als volgt maken:

Ga naar het gedeelte Posten

Het '#' in de link vertelt de browser dat u naar een benoemd anker linkt. Als u een hyperlink wilde maken die een bezoeker naar een ander gedeelte van dezelfde pagina zou brengen, zou het er ongeveer zo uitzien:

Ga naar het gedeelte Posten

Een ander belangrijk onderdeel van uw hyperlinks is het kenmerk 'target'. Dit vertelt de browser hoe de bestemmingspagina moet worden weergegeven. U hebt drie hoofdopties: 'target = "_ blank",' 'target = "_ self",' en 'target = "_ top".'

Het argument '_blank' opent de gekoppelde pagina in een nieuw venster. Dit is met name handig wanneer u een koppeling maakt naar een externe site, omdat de bezoeker naar hartelust door de nieuwe site kan bladeren zonder zijn locatie op uw site te verliezen. Het is ook het beste om documenten zoals PDF's in een nieuw venster te openen, omdat bezoekers het document vaak automatisch sluiten als ze er klaar mee zijn.

Het argument '_self' zorgt ervoor dat de gekoppelde pagina de huidige pagina in het bestaande browservenster vervangt. Dit is het beste voor links binnen uw site; anders zullen bezoekers die veel door je site browsen, veel open vensters hebben, wat erg vervelend kan zijn! Dit is het standaardargument voor het kenmerk 'doel', dus als u geen doel opgeeft, gebruiken uw links altijd het bestaande browservenster.

Het argument '_top' wordt meestal gebruikt in websites van framesets en vertelt de browser de hele frameset te overschrijven, in tegenstelling tot het eenvoudigweg laden van de nieuwe pagina in welk deel van de frameset ook de originele link bevat.

Video-Instructies: Linking Multiple Webpages Using Anchor Element Tag | HTML 101 (Online HTML Course) Lesson 5 (Mei 2024).