HTML a href atributas, paaiškintas pavyzdžiais

Šis atributas reiškia nuorodą pateiktą paskirties vietą. a(Inkaro) žymė yra miręs be atributu.

Kaip naudoti žymą

Kartais darbo eigoje nenorite tiesioginės nuorodos arba dar nežinote nuorodos paskirties. Šiuo atveju naudinga nustatyti hrefatributą, kad "#"būtų sukurta negyva nuoroda.

hrefAtributas gali būti naudojamas nuorodą prie vietinių failų ar failus internete.

Pavyzdžiui:

  Href Attribute Example   

Href Attribute Example

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

Atributas yra palaikoma visose naršyklėse.

Daugiau HTML atributų:

hreflang : Nurodo susieto šaltinio kalbą.

target : Nurodo kontekstą, kuriame bus atidarytas susietas šaltinis.

title : Apibrėžia nuorodos pavadinimą, kuris vartotojui atrodo kaip patarimas.

Pavyzdžiai

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

Puslapyje esantys inkarai

Taip pat galima nustatyti inkarą tam tikroje puslapio vietoje. Norėdami tai padaryti, pirmiausia turėtumėte įdėti skirtuką puslapio vietoje su žyma ir būtinu atributu „vardas“ su joje esančiu raktinio žodžio aprašymu, pavyzdžiui:

Jokio aprašymo tarp žymų nereikia. Po to jūs galite įdėti nuorodą, vedančią į šį inkarą, prie bet kurio to paties puslapio krašto. Norėdami tai padaryti, turėtumėte naudoti žymą su būtinu atributu „href“ su simboliu # (aštrus) ir pagrindinio inkaro aprašymu:

Go to Top

Vaizdo nuorodos

Tai taip pat gali būti taikoma vaizdams ir kitiems HTML elementams.

Pavyzdys

Dar keletas href pavyzdžių

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

Ką dar galite padaryti?

Daugiau pritaikymo! Pažiūrėkime konkretų naudojimo atvejį:

„Mailto“ nuoroda yra tam tikra hipersaitas ( ) su specialiais parametrais, leidžiančiais nurodyti papildomus gavėjus, temos eilutę ir (arba) pagrindinį tekstą.

Pagrindinė sintaksė su gavėju yra:

Some text

Temos pridėjimas prie to pašto:

Jei norite pridėti konkretų temą prie to laiško, atsargiai pridėkite %20arba +visur, kur temos eilutėje yra tarpas. Paprastas būdas užtikrinti, kad jis tinkamai suformatuotas, yra naudoti URL dekoderį / koduotoją.

Pridedamas turinio tekstas:

Panašiai galite pridėti konkretų pranešimą el. Laiško turinio dalyje: Vėlgi, tarpai turi būti pakeisti %20arba +. Po subjekto paramaterio, prieš bet kurį papildomą parametrą turi būti prieš&

Pavyzdys: Tarkime, kad norite, kad vartotojai atsiųstų el. Laišką savo draugams apie jų pažangą „Free Code Camp“:

Adresas: tuščias

Tema: Puikios naujienos

Kūnas: Aš tampu kūrėju

Jūsų HTML nuoroda dabar:

Send mail!

Čia mes palikome mailto tuščią (mailto :?). Tai atidarys vartotojo el. Pašto klientą, o vartotojas pats pridės gavėjo adresą.

Pridedama daugiau gavėjų:

Tuo pačiu būdu galite pridėti CC ir Bcc parametrus. Atskirkite kiekvieną adresą kableliais!

Prieš papildomus parametrus reikia įvesti &.

Send mail!

Daugiau informacijos:

MDN - el. Pašto nuorodos