HTML a hrefi atribuut, mida on selgitatud näidetega

Atribuut viitab sihtkoha kohta, mille link. a(Ankur) silt on surnud ilma atribuut.

Kuidas silti kasutada

Mõnikord ei soovi te oma töövoogus aktiivset linki või ei tea te lingi sihtkohta veel. Sel juhul on kasulik surnud lingi loomiseks hrefatribuut seadistada väärtusele "#".

hrefOmadust võib kasutada linki kohalikele failidele või faile internetis.

Näiteks:

  Href Attribute Example   

Href Attribute Example

The freeCodeCamp Contribution Page shows you how and where you can contribute to freeCodeCamp's community and growth.

Atribuut toetavad kõik brauserid.

Rohkem HTML-atribuute:

hreflang : Määrab lingitud ressursi keele.

target : Määrab konteksti, milles lingitud ressurss avaneb.

title : Määratleb lingi pealkirja, mis kuvatakse kasutajale tööriistavihjena.

Näited

This is a dead link This is a live link to freeCodeCamp more with a href attribute

Lehesisesed ankrud

Samuti on võimalik lehe teatud kohta ankur panna. Selleks peaksite kõigepealt paigutama lehe asukohta sildi ja vajaliku atribuudiga "nimi" koos kõigi märksõnade kirjeldustega, näiteks:

Siltide vahelist kirjeldust ei nõuta. Pärast seda saate selle ankruni viiva lingi paigutada samale lehele suvalisse kohta. Selleks peaksite kasutama märgendit vajaliku atribuudiga “href” sümboliga # (terav) ja ankru võtmesõna kirjeldusega:

Go to Top

Piltide lingid

Neid võib rakendada ka piltidele ja muudele HTML-elementidele.

Näide

Veel mõned näited hrefist

This gives a base url for all further urls on the page This is a live link to an external stylesheet

Millega veel saab hakkama?

Rohkem kohandamist! Vaatame konkreetset kasutusjuhtumit:

Mailto link on teatud tüüpi parameetritega hüperlink ( ), mis võimaldab teil määrata täiendavaid saajaid, teemarida ja / või põhiteksti.

Põhisüntaks saajaga on:

Some text

Teema lisamine sellele postile:

Kui soovite sellele kirjale lisada konkreetse teema, lisage see ettevaatlikult %20või +kõikjal, kus teemareal on tühik. Lihtne viis selle nõuetekohase vormindamise tagamiseks on kasutada URL-i dekooderit / kooderit.

Kehateksti lisamine:

Samamoodi saate konkreetse sõnumi lisada meilisõnumi põhiosa: Jällegi tuleb tühikud asendada %20või +. Pärast objekti parameetrit peab eelnema mis tahes täiendav parameeter&

Näide: Oletame, et soovite, et kasutajad saadaksid sõpradele e-kirja nende edenemise kohta Free Code Campis:

Aadress: tühi

Teema: suurepärased uudised

Keha: minust saab arendaja

Teie HTML-link nüüd:

Send mail!

Siin oleme jätnud mailto tühjaks (mailto :?). See avab kasutaja e-posti kliendi ja kasutaja lisab ise adressaadi aadressi.

Lisasaajate lisamine:

Samamoodi saate lisada CC ja bcc parameetrid. Eraldage iga aadress komaga!

Täiendavatele parameetritele peab eelnema &.

Send mail!

Rohkem informatsiooni:

MDN - e-posti lingid