Javascript Element maken met Href
__main__ Python module |
absolute |
ast Python module |
code Python module |
COM PHP module |
dis Python module |
email Python module |
Ev PHP module |
exp |
Hash PHP module |
html Python module |
http Python module |
iat |
io Python module |
JavaScript |
Mail PHP module |
os Python module |
PS PHP module |
Python functions |
Rar PHP module |
re Python module |
resource Python module |
site Python module |
SPL PHP module |
StackOverflow |
test Python module |
types Python module |
UI PHP module |
URLs PHP module
Michael Zippo
Een HTML-link brengt u naar een andere pagina. Een -tag definieert een ankerpunt. Het attribuut "href" geeft aan waar een gebruiker naartoe wordt geleid wanneer hij op de link klikt. Tussen de en de afsluitende -tag bevindt zich de ankertekst die aan de gebruiker wordt weergegeven.
Wanneer u een webpagina maakt, kunt u verwijzen naar een andere webpagina of website . U kunt bijvoorbeeld een blog starten en u wilt linken naar een artikel waarvan u denkt dat het relevant is.
Hyperlinks, of links, worden gebruikt om de ene webpagina naar de andere te linken en kunnen gebruikers snel navigeren tussen meerdere webpagina`s. hyperlinks kunnen worden gebruikt om naar andere pagina`s op uw site of naar pagina`s op andere sites te linken.
In deze handleiding bespreken we de basisprincipes van hyperlinks in HTML . We gaan het hebben over hoe de link samen doelen, hoe bladwijzerankers en links naar e-mailadressen en webelementen te creëren.
HTML-hyperlink
Een hyperlink-HTML verwijst naar een andere webbron. Een hyperlink wordt gedefinieerd tussen een tag en een afsluitende tag. De tekst tussen deze twee tags brengt de gebruiker naar de gekoppelde webbron wanneer op de link wordt geklikt.
Hyperlinks worden gemaakt met het label . Hier is de syntaxis voor link in een HTML-bestand:
de tekst tussen onze URL-linktags die we specificeren in onze openingstag . We gebruiken het kenmerk href om de bestemmings-URL te kiezen. Dit kan een absolute URL zijn of een absolute link zoals https://python.engineering of een URL naar een deel van onze site
Hier is een voorbeeld van een link die verwijst naar het webadres van de Karma Career-startpagina:
HTML-linktagtypes
Er zijn drie soorten links die in een browser kunnen worden bekeken. Dit zijn:
- niet-bezochte links , die in blauw verschijnen
- Bezochte links, die in paars verschijnen
- actieve links, die verschijnen in rood
Sommige websites vervangen deze kleuren, wat betekent dat ze er anders uitzien, maar dit zijn de belangrijkste typen links die u kunt definiëren in HTML HTML-hyperlink
.: targets
U kunt de manier wijzigen waarop een link wordt geopend. Stel dat u bijvoorbeeld een link in een nieuw tabblad in de webbrowser van de gebruiker wilt openen. Dit zorgt ervoor dat de gebruiker zijn plaats niet verliest op de
webpagina die hij momenteel bekijkt. Dit is waar het linkkenmerk targetHTML van pas komt. Met de link target kunt u specificeren waar de browser de bron moet openen waarmee u verbinding hebt gemaakt
>
Er zijn vier soorten doelen die u kunt gebruiken, namelijk:.
- _self: bezoek de webresource in hetzelfde venster en tabblad. Dit is de standaardbestemming die wordt gebruikt in HTML-hyperlinks
- _parent: .. Ga naar de webresource in het bovenliggende venster
- < em>_blank:. bezoek de webresource in een nieuw venster of tabblad
- _top:. bezoek de webbron in een volledig browservenster
Hier is een voorbeeld van enkele van deze links in actie:
Hyperlink HTM L: bladwijzerankers
Hyperlinks HTML kunnen ook verwijzen naar een specifiek deel van een HTML -document. Dit is handig als u een lange webpagina heeft en een gebruiker naar een bepaalde plaats in de tekst wilt leiden.
Voordat u ankers gaat gebruiken Voor bladwijzers moet u eerst een ID-attribuut instellen op het gewenste element de gebruiker om naar toe te gaan. Hier is een voorbeeld van het declareren van een ID-kenmerk op een titel op een webpagina:
we hebben de HTML-header-tag toegewezen met de id subtitle3, die we kunnen gebruiken als referentie in een link .
Hier is een voorbeeld van link die naar deze kop verwijst:
in plaats van een url op te geven in onze href tag, specificeren we de ID van het item waarnaar we willen linken. Laten we hash voor id (#) plaatsen, zodat de browser weet dat het gekoppelde document op onze webpagina staat.
HTML-ankertag
Een HTML-ankertag verwijst naar het label. Deze tag koppelt een gebruiker aan een andere webresource. Het kenmerk "href" definieert de bron waarnaar een gebruiker wordt doorverwezen wanneer hij op de link klikt.
Voorbeelden van HTML-ankertags
regard Laten we enkele voorbeelden geven van het gebruik van de HTML-tag.
Relatieve URL`s
Als je linkt naar een bron in hetzelfde HTML-document dat je aan het ontwikkelen bent, kun je een relatieve URL gebruiken. Relatieve URL`s worden ook lokale links genoemd en gebruiken geen " https: //www.sitename .com < / a> " syntaxis. in plaats daarvan verwijzen de relatieve URL`s naar een specifiek bestandspad Webbron op de lokale server.
Laten we zeggen dat we een link maken op de website van career Karma die naar onze blog zou moeten verwijzen. In plaats van een absolute URL te gebruiken, kunnen we een lokale URL gebruiken, omdat onze site de Karma Career-site is. Hier is de code die we zouden gebruiken om deze link te maken:
Toen we op de tekst Karma career blog klikten, werden we doorverwezen naar de bron /blog op onze site
e-mailadres
De ankertag kan ook worden gebruikt om naar een e-mailadres te linken. Wanneer u op een link naar een e-mailadres klikt, wordt het standaard e-mailprogramma van de gebruiker geopend. de . gebruiker wordt gevraagd of ze een bericht willen sturen naar het opgegeven e-mailadres
om verbinding te maken met een e-mailadres, moet u de link starten met het mailto-protocol: Hier is een voorbeeld van een link naar een e-mail adres in HTML:
Als we op onze link klikken, wordt ons e-mailprogramma geopend en wordt ons gevraagd een e-mail te sturen naar " [email protected] " De. ankertag kan linken naar een element op een webpagina. U kunt deze koppeling maken door de ID op te geven van het element waarnaar het anker moet verwijzen. Stel dat we een link willen die onze gebruiker naar de kop Onderwerptest op een webpagina brengt. We zouden deze link kunnen maken met de volgende code: