Opis
HTML oznaka definira odnos između trenutnog HTML dokumenta i vanjskog resursa na koji se povezuje. To je prazan element (nema sadržaj ili oznaku za zatvaranje) i uvijek se mora postaviti unutar elementa
. Najčešće oznaka koristi se za povezivanje eksternih stilova:
Prvi atribut href definira adresu dokumenta, koja može biti apsolutna ili relativna. Drugi atribut rel označava vezu između HTML fajl i na šta se pozivate u ovom slučaju referenciramo stilski list, tako da se koristi vrijednost stylesheet-a. Atribut tip govori pretraživaču MIME tip dokumenta, za stilove će vrijednost uvijek biti "text/css".
Napomena: prema HTML5 standardu, kada se povezuje eksterno CSS fajl, type atribut nema potrebe specificirati:
Prethodno učitavanje stranica
Obično, kada kliknete na vezu do druge stranice, morate pričekati nekoliko sekundi da se učita. Međutim, možete prilagoditi svoju web stranicu tako određene stranice učitava se unaprijed u keš pretraživača dok ste na trenutnoj stranici. To znači da kada kliknete na vezu da biste otišli na drugu web stranicu, ona će se odmah otvoriti bez čekanja da se učita. Ovo se zove "preuzimanje stranice". Za to se koristi oznaka sa atributom rel="prefetch" i također označava landing page, koji će biti preuzet na vaš računar unapred.
Ovaj unos će omogućiti da stranica tag_p.php bude keširana na vašem računaru unaprijed dok čitate sadržaj trenutna stranica. Možete koristiti oznaku da unapred učitate bilo koji broj stranica vaše ili bilo koje druge stranice sa Interneta.
Napomena: umjesto adrese do HTML dokumenta, možete odrediti putanju do datoteke drugog tipa (slika, video itd.).
Atributi
href: Određuje lokaciju (URL) eksterne datoteke (putanja datoteke može se navesti korištenjem apsolutne ili relativne adrese). hreflang: Određuje dvoslovni kod jezika koji identificira jezik dokumenta na koji se povezuje. Atribut hreflang se koristi samo u sprezi sa atributom href. medij: Određuje za koje uređaje je datoteka optimizirana. Uglavnom se koristi sa datotekama sa stilovima za definiranje različitih stilova različite vrste nosioci. Media atribut može uzeti nekoliko vrijednosti odjednom, odvojenih razmacima. rel: Označava odnos između aktuelni dokument i dokument do kojeg vodi veza.- alternativno- link na alternativnu verziju dokumenta (odnosno, štampanje stranica, prevod ili ogledalo).
- autor- definira vezu na stranicu o autoru dokumenta ili na stranicu sa kontakt podacima autora.
- kanonski- omogućava označavanje stranica sa dupliranim sadržajem, što znači da sve stranice sa istim sadržajem moraju sadržavati oznaku sa atributom rel="canonical".
Atribut href, u ovom slučaju, treba da sadrži link do stranice sa identičnim sadržajem, koji pretraživači treba da smatraju glavnim:
- prvo- označava vezu koja vodi do prvog dokumenta u nizu dokumenata.
- pomoć- link do dokumenta uz pomoć.
- ikona- definira putanju do ikone koja će se koristiti za tekući dokument.
- zadnji- označava vezu koja vodi do poslednji dokument u redosledu dokumenata.
- licenca- link do informacija o autorskim pravima za dokument.
- sljedeći- označava da je ovaj dokument dio serije i da će veza biti na sljedeći dokument u ovoj seriji.
- prefetch- označava da se datoteka do koje vodi veza treba unaprijed keširati.
- prev- označava da je ovaj dokument dio serije, te da je veza na prethodni dokument u toj seriji.
- traži- link za traženje dokumenta.
- stylesheet- određuje eksterni fajl, koji će se koristiti kao stilski list za ovog dokumenta.
- widthXheight- definira listu veličina odvojenih razmacima, svaka veličina mora biti u formatu - širina x visina (dimenzije ikone su definirane u pikselima), primjer:
- bilo koji- ikona se može skalirati na bilo koju veličinu.
Tag takođe podržava
U ovom poglavlju:
Na internetu postoje milioni ljudi elektronski dokumentičesto sličnih tema i usmjerenih na istu korisničku publiku. Prebacivanje na druge dokumente izgledalo bi teško i zamorno da nije moguće povezati HTML dokumente zajedno pomoću hipertekstualnih veza.
U suštini, svaka hipertekstualna veza je pokazivač adrese globalna mreža, do kojeg možete odmah doći u prozoru vašeg pretraživača. Uspješno praćenje veze moguće je u dva slučaja: ako dokument na koji dokument referencira postoji i ako je sintaksa hiperveze ispravna iz HTML perspektive.
Sintaksa
Koristi se za kreiranje veza u HTML dokumentima element, njegov sadržaj djeluje kao oznaka uz pomoć koje će se izvršiti prijelaz. Da bi se iz elementa Da biste napravili aktivnu hipervezu, morate joj dodati atribut href.
Atribut href sadrži kao svoju vrijednost adresu (relativnu ili apsolutnu) do koje vodi link. Kada kliknete na link, pretraživač prima i prikazuje dokument čija je adresa navedena u href atributu:
Napomena: možete spustiti točno onoliko mapa koliko ste ih kreirali. Na primjer, ako ste kreirali mapu 10 nivoa ispod korijena, možete odrediti putanju koja će vas odvesti do 10 mapa. Međutim, ako imate toliko nivoa, to najvjerovatnije znači da je organizacija vaše stranice nepotrebno nezgodna. "direktorij1/direktorij2/stranica.html" Napomena: simboli .. se mogu koristiti koliko god puta želite u nizu, korištenjem njih ćete svaki put pomjeriti jednu mapu gore. Međutim, možete ići gore sve dok ne dođete do korijenskog foldera vaše stranice. Ne možete ići više od ovog foldera. "../../page.html" "../../../cat1/cat2/page.html" - idemo gore od trenutnog foldera tri direktorija više i odatle se spuštamo dva nivoa niže do tražene datoteke Napomena: Kada se znak "/" pojavi prvi, to znači da putanja počinje iz korijenskog direktorija. "/cat1/cat2/car.png" Apsolutna adresa obično se koristi za određivanje putanje do datoteke koja se nalazi na drugom mrežnom resursu. To je puni URL do datoteke ili stranice. Prije svega, adresa označava korišteni protokol, a zatim ime domene (ime web-stranice). Na primjer: http://www.primer.ru - ovako izgleda apsolutni put do određene web stranice. http:// je protokol za prijenos podataka, a www.primer.ru je naziv stranice (domena). Također možete koristiti apsolutnu adresu na vlastitoj web stranici. Međutim, u okviru sajta, preporučljivo je koristiti relativnu putanju kao vrednost veza. Pogledajmo sada šta je to URL-adresa. Svaka web stranica na Internetu ima svoju jedinstvenu adresu, koja se naziva URL. Skraćenica URL stoji za U uniform R esource L Okator (uniformna adresa resursa), jednostavno rečeno, URL je identifikator za lokaciju resursa. Ova metoda pisanja adrese standardizovana je na Internetu. Nekoliko primjera URL-ova: "http://site" "http://site/html/?p=all_tags" Da bi se stranica do koje vodi link otvorila u novom prozoru, morat ćete pretraživaču reći naziv prozora u kojem želite otvoriti stranicu. Ako ne kažete pretraživaču da koristi određeni prozor, on će otvoriti stranicu u trenutnom prozoru. Da biste naznačili pretraživaču da prilikom otvaranja stranice treba koristiti drugi prozor umjesto trenutnog, dodajte elementu ciljni atribut. Njegova vrijednost govori pretraživaču o ciljnom prozoru za stranicu. Ako koristite _blank kao vrijednost ciljnog atributa, pretraživač će uvijek otvoriti novi prozor za svaku novu stranicu:
Druga stranica. Ako postavite ciljni atribut na _blank, veza će se otvoriti u novom prozoru.katalog/
Ako se datoteka do koje trebamo odrediti putanju nalazi u podređenom direktoriju u odnosu na datoteku sa vezom, to znači da se moramo spustiti za jedan nivo (u podređeni direktorij trenutnog direktorija), u ovom slučaju putanja počinje imenom podređenog direktorija, nakon čega slijedi Ime je označeno kosom crtom “/”, služi za odvajanje dijelova putanje, praćeno imenom datoteke koja nam je potrebna.
"directory/page.html"
../
Ako trebate naznačiti da se datoteka na koju povezujete nalazi u nadređenom folderu, koristite simbole .. (dvije tačke), oni znače ići jedan nivo gore (do nadređene mape trenutnog direktorija). Zatim specificiramo kosu crtu "/" da odvojimo dijelove putanje i upišemo ime naše datoteke.
"../page.html"
/
Relativna putanja ne mora uvijek početi u odnosu na trenutnu lokaciju stranice povezivanja; također može početi u odnosu na korijenski direktorij web-mjesta. Na primjer, ako se željena datoteka nalazi u korijenskom direktoriju, putanja može početi simbolom "/", nakon čega je potrebno samo naznačiti ime željene datoteke koja se nalazi u korijenskom direktoriju. "/page.html"
Apsolutna adresa
Otvaranje veze u novom prozoru pretraživača
Tabela prikazuje sve dostupne vrijednosti za ciljni atribut.
Linkovi za navigaciju unutar stranice
Veze se također mogu koristiti za skok na određenu lokaciju unutar stranice (ne nužno na trenutnu). Bilo koji HTML element koji se može koristiti unutar elementa koristi se kao mjesto na stranici na koje će se kretati veza
. Da bi se odredio element na koji će se izvršiti prijelaz, potrebno je navesti identifikator koristeći id atribut:
Naslov
Sada, tako da kada kliknete na link, izvrši se prijelaz na element koji se nalazi na istoj stranici kao i link koji vodi do njega, morate postaviti href atribut kao vrijednost elementa napišite hash simbol (#), nakon čega slijedi identifikator elementa na koji će se izvršiti prijelaz:
Za navigaciju do određene lokacije na drugoj stranici, morate uključiti hash i traženi identifikator iza URL-a:
Napomena: Glavna prednost linkova unutar web stranice je da na stranicama sa velikom količinom sadržaja korisnik ne mora skrolovati cijelu web stranicu u potrazi za željenim dijelom, već može odmah kliknuti na naziv željenog odjeljak da odete do njega.
Link za poštansko sanduče
Nema ništa komplikovano u kreiranju linka do e-pošte; samo trebate unijeti ključnu riječ mailto u vrijednost href atributa, staviti dvotočku iza nje i napisati adresu e-pošte na koju želite da se povežete:
Slika linka
Vjerovatno ste više puta primijetili da mnoge stranice koriste različite slike kao veze, koje se u principu ne razlikuju od tekstualnih veza. Da biste običan tekstualni link zamijenili slikom, morate ući unutar elementa oznaka mjesta koji specificira putanju do slike:
Posjetite našu web stranicu klikom na sliku: 
Napomena: Kada koristite slike kao veze, pretraživači će im automatski dodati ivicu, koja se lako može ukloniti pomoću CSS svojstva granice.
Prethodno učitavanje stranica
Obično, kada kliknete na vezu do druge stranice, morate pričekati nekoliko sekundi da se učita. Međutim, možete konfigurirati svoju web stranicu da unaprijed učitava određene stranice u keš pretraživača dok ste na trenutnoj stranici. To znači da kada kliknete na vezu da biste otišli na drugu web stranicu, ona će se odmah otvoriti bez čekanja da se učita. Ovo se zove "preuzimanje stranice". Za to se koristi oznaka sa atributom rel="prefetch", a takođe označava ciljnu stranicu koja će biti unapred učitana na računar.
P=tag_p">
Ovaj unos će omogućiti da tag_p stranica bude keširana na vašem računaru unaprijed dok čitate sadržaj trenutne stranice. Možete koristiti oznaku da unapred učitate bilo koji broj stranica vaše ili bilo koje druge stranice sa Interneta.
Napomena: umjesto adrese do HTML dokumenta, možete odrediti putanju do datoteke drugog tipa (slika, video itd.).
Vrste linkova
Postoji mnogo vrsta resursa na koje se dokument može povezati. Ovo se radi pomoću ključne riječi navedeno u atributu relacije ( rel). Treba ih koristiti u odjeljku
kao metapodaci:- alternativni ;
- autor ;
- pomoć ;
- ikona ;
- licenca ;
- sljedeći ;
- prefetch ;
- prev ;
- pretraga ;
- stylesheet
Tag u HTML postavljen u
I , iako je češći u kao metapodaci. Tag može se odnositi na tradicionalnu hipervezu koja se koristi za navigaciju ili prilaganje dokumentu eksterni resursi, kao što su CSS i Javascript.Alternativni
Koristi se za alternativni prikaz HTML dokumenta.
Primjer ispod pokazuje dva alternativni jezici za ovo HTML dokument na engleskom - francuskom i španskom. Atribut hreflang se koristi da kaže korisničkom agentu koji ISO 639-1 kod zemlje:
Još jedan primjer koristeći HTML link rel nudi tri različita tekstualni dokument na engleskom, francuskom i španskom:
Autor
Koristi se za dobijanje informacija o autoru. Tipično, hiperveza vodi na stranicu autora. IN dati atribut može se specificirati samo jedna oznaka
Konačno, možete dodati meta oznaku autora:
Upomoć
Omogućava vam pružanje pomoći posjetiteljima stranice. Korisnički agent koji podržava pomoć može imati dva prikaza - glavnu karticu za prikaz dokumenta i drugu za prikaz pomoći:
Ikona
Ovo je smisao HTML link rel pokazuje na ikonu stranice. Može postojati mnogo ikona koje predstavljaju stranicu. Koristi se onaj koji je najprikladniji:
Licenca
Sljedeći
Pokazuje na sljedeća stranica u HTML dokumentu. Za tražilice Prilično je korisno znati koja stranica je sljedeća:
Prefetch
Ovo HTML vrijednost link rel daje nagovještaj korisničkom agentu da bi trebao keširati resurs kako bi ubrzao učitavanje i obradu. Ovo se radi kada programer sigurno zna da će resursi koji se koriste na stranici biti zatraženi:
Prev
Definira prethodnu stranicu u HTML dokumentu. Korisno za navigaciju stranica:
Traži
Određuje dokument koji se koristi za pretraživanje postojeći dokument. Po pravilu, ovo je stranica sa posebnom formom za traženje ključnih riječi u dokumentu. Za implementaciju se preporučuje upotreba OpenSearch specifikacija:
Stylesheet
HTML link CSS se koristi za uvoz stilskog lista koji se koristi za prikaz dokumenta. Ovo se radi pomoću kaskadnih stilskih tablica ( CSS):
Prijevod članka “HTML: The Link Tag” pripremio je prijateljski projektni tim
HTML-ovi element se koristi za kreiranje linkova na koje se može kliknuti do lokacija unutar iste HTML stranice ili vanjske stranice. Kada se klikne na vezu, pretraživač skače na novu lokaciju. The ime elemenata je skraćeno za "sidro".
Osnovne veze
Osnovna struktura elementa veze izgleda ovako:
Tutorial web stranica Jakoba Jenkova
Kao što vidite, tekst unutar tijelo elementa se koristi kao tekst veze na koji se može kliknuti. Kada se klikne na vezu, pretraživač mijenja lokaciju u URL naveden unutar vrijednosti atributa href.
URL relativne veze
Moguće je koristiti relativne URL-ove u atributu href. Relativni URL je URL koji je relativan u odnosu na URL stranice koja sadrži link. Na primjer, URL ove stranice je:
http://site/html4/links.html
Ako koristite relativni URL
Lists.html
na ovoj stranici će se tumačiti kao da se nalazi unutar istog direktorija kao i stranica koja sadrži vezu. Drugim riječima, pretraživač će protumačiti URL kao:
http://site/html4/ liste.html
Slično, relativni URL
Elements/a-sub-element.html
će se tumačiti kao:
http://site/html4/ elementi/a-sub-element.html
Možete koristiti dvije tačke (..) da označite da trebate ići direktorij gore. Odatle, također možete ponovo otići u direktorij (ili više) ako želite. Dakle, relativni URL
../html5/index.html
navedeno na ovoj stranici će se tumačiti kao:
http://site/ html5/introduction.html
Obratite pažnju na to kako je dio veze html4 zamijenjen sa html5 zbog načina na koji se tumače tačke (..) u relativnom URL-u.
Parametri u linkovima
Možete dodati parametre URL-u veze dodavanjem znaka pitanja (?) na kraju URL-a i dodavanjem naziva parametra, znaka jednakosti i vrijednosti parametra. Evo primjera:
MyParam=mojaVrijednost
Ako trebate dodati više od jednog parametra, dodajte znak ampersand (&) nakon svake vrijednosti parametra, prije naziva parametra i vrijednosti sljedećeg parametra. Evo primjera:
MyParam=mojaVrijednost ¶m2=vrijednost2
Evo punog URL-a uključujući parametre:
Http://site/html4/links.html?myParam=myValue¶m2=value2
Parametre može koristiti stranica na koju povezujete, ako se stranica generira dinamički. Statička HTML stranica obično ne koristi parametre.
Fragmenti u vezama
URL veze može sadržavati fragment. Fragment upućuje na tačku unutar HTML stranice na koju povezuje. Da biste mogli referencirati fragment, prvo morate umetnuti sidro u HTML stranicu za referencu. Sidro izgleda ovako:
Vrijednost unutar atributa name treba biti jedinstvena unutar HTML stranice koja sadrži sidro. U suprotnom pretraživač ne može znati na koje od sidrišta da skoči.
Sidro se referencira preko URL-a veze, dodavanjem #fragmentName (koji se naziva fragment) na kraju. Na primjer, ako je URL stranice koja sadrži sidro
Http://site/htm4/links.html
zatim dodajete naziv fragmenta URL-u na kraju, ovako:
Http://site/htm4/links.html #fragmentName
Ako kliknete na vezu sa URL-om iznad, pretraživač će skočiti na stranicu sa datim URL-om i dole u HTML dokument na sidro sa imenom fragmentName.
Link Target
Podrazumevano, pretraživač otvara stranicu na koju veza upućuje u istom prozoru pretraživača kao i stranica koja sadrži vezu. Ako umjesto toga želite otvoriti stranicu u novom prozoru, možete postaviti cilj atributa na vrijednost _blank. Evo primjera:
target="_blank"> Web stranica sa uputama Jakoba Jenkova
Evo linka kako izgleda u pretraživaču. Ako kliknete na njega, stranicuće se otvoriti u novom prozoru pretraživača.
