Atribut HTML a href objašnjen s primjerima

Atribut odnosi na odredište koje vezu. Oznaka a(sidro) je mrtva bez atributa.

Kako se koristi oznaka

Ponekad u svom tijeku rada ne želite vezu uživo ili još nećete znati odredište veze. U ovom je slučaju korisno postaviti hrefatribut "#"za stvaranje mrtve veze.

hrefAtribut može se koristiti za povezivanje na lokalne datoteke ili datoteke na internetu.

Na primjer:

  Href Attribute Example   

Href Attribute Example

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

Atribut je podržan od strane svih preglednicima.

Više HTML atributa:

hreflang : Određuje jezik povezanog resursa.

target : Određuje kontekst u kojem će se otvoriti povezani resurs.

title : Definira naslov veze koja se korisniku prikazuje kao opis.

Primjeri

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

Sidra na stranici

Također je moguće postaviti sidro na određeno mjesto stranice. Da biste to učinili, prvo trebate postaviti karticu na mjesto na stranici s oznakom i potrebnim atributom "ime" s bilo kojim opisom ključne riječi, poput ovog:

Bilo kakav opis između oznaka nije potreban. Nakon toga možete postaviti vezu koja vodi do ovog sidra u bilo kojem trenutku na istoj stranici. Da biste to učinili, trebali biste koristiti oznaku s potrebnim atributom "href" sa simbolom # (oštar) i opisom ključne riječi sidra, poput ovog:

Go to Top

Slikovne veze

Se također može primijeniti na slike i druge HTML elemente.

Primjer

Još nekoliko primjera hrefa

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

Što još možete učiniti?

Više prilagodbi! Pogledajmo određeni slučaj upotrebe:

Veza na mailto je vrsta hiperveze ( ) s posebnim parametrima koja vam omogućuje da odredite dodatne primatelje, naslov i / ili osnovni tekst.

Osnovna sintaksa s primateljem je:

Some text

Dodavanje teme u tu poštu:

Ako želite toj pošti dodati određenu temu, pripazite da je dodate %20ili +svugdje ima mjesta u retku teme. Jednostavan način da se osigura pravilno oblikovanje jest korištenje dekodera / kodera URL-a.

Dodavanje osnovnog teksta:

Slično tome, u glavni dio e-pošte možete dodati određenu poruku: I opet, razmaci moraju biti zamijenjeni %20ili +. Nakon parametra predmeta, bilo kojem dodatnom parametru mora prethoditi&

Primjer: Recimo da želite da korisnici svojim prijateljima pošalju e-poštu o njihovom napretku u Free Code Camp-u:

Adresa: prazna

Predmet: Sjajne vijesti

Tijelo: Postajem programer

Vaša html veza sada:

Send mail!

Ovdje smo mailto ostavili praznim (mailto :?). Ovo će otvoriti korisnikov e-mail klijent i korisnik će sam dodati adresu primatelja.

Dodavanje više primatelja:

Na isti način možete dodati parametre CC i bcc. Svaku adresu odvojite zarezom!

Dodatnim parametrima mora prethoditi &.

Send mail!

Više informacija:

MDN - poveznice e-pošte