1. URL ili "adresa" stranice na Internetu
2. <A> oznaka i njezina osnovna sintaksa
3. Apsolutna i relativna referenca
4. Relativna veza do direktorija veća od trenutne
5. Atributi oznake <A>. Kako otvoriti dokument referencom u novom prozoru
6. Veza naslova. Atribut naslova za oznaku <A>
7. Atribut hipervezu nofollow. Zabrana prijenosa "povjerenja" mjesta prema referenci
8. Unutarnja veza ili sidro unutar dokumenta
9. Link Anchor - Slika
10. nastavak

Reference (ili hiperveze) prožimaju internet kao krvne žile. Da nema veza, ne bi bilo interneta.

Kako stvoriti vezu u HTML dokumentu i ispravno registrirati njegove atribute, što je URL i kako se tražilice odnose na veze - u ovoj sljedećoj lekciji početnici će učiti HTML.

URL ili "adresa" stranice na Internetu

Svaki HTML dokument na webu ima svoju "točnu adresu". To se zove "URL", s engleskog. URL - Uniform Resource Locator

Struktura URL-a često je vidljiva u adresnoj traci preglednika. Uključuje:

1. Naziv protokola je http: // ili https: //
2. Domena web-lokacije
3. mapu ili putanju do mape u kojoj se nalazi taj dokument,
4. Naziv datoteke (možda nije uvijek).

Zahvaljujući toj „točnoj adresi“ postalo je moguće uputiti na ovaj dokument iz teksta drugog dokumenta.

<A> oznaka i njezina osnovna sintaksa

Nadam se da vas riječ "sintaksa" više ne plaši

<a href="http://domen-saita.ru/papka-na-servere/dokument.html"> tekst veze </a>

Kao što možete vidjeti, nakon početka <A> oznake, mora postojati obvezni href atribut koji specificira adresu dokumenta na koji želite ići.

Unutar oznake <A> spremnika nalazi se tekst (iako možda postoji slika), koji je tekst veze. Također se naziva " Sidro " ili jednostavno - Sidro.

Apsolutna i relativna referenca

U gornjim primjerima korištene su apsolutne reference. Oni koji sadrže puni URL dokumenta.

U nekim slučajevima, atribut href ne sadrži puni URL s nazivom protokola i domenom web-mjesta. Ako je dokument na koji vodi veza, nalazi se na istom mjestu - možete koristiti relativnu vezu koja vodi od mjesta gdje se dokument nalazi.

Shemu kada se primjenjuje relativna referenca

Primjer: veza iz prvog.html dokumenta vodi do second.html datoteke koja se nalazi u mapi s vijestima.

Relativna veza do direktorija veća od trenutne

šifra:

<a href="../first.html"> ovo je relativna veza do datoteke u razini direktorija </a>

Ova veza vodi do datoteke first.html u "roditeljskom" direktoriju, tj. jednu razinu gore .

Kombinacija ../ označava mapu jednu razinu gore od zadane pozicije datoteke iz koje se povezuje.

Atributi oznake <A>. Kako otvoriti dokument referencom u novom prozoru

Da bi se dokument otvorio u novoj kartici preglednika, morate koristiti atribut target = "_ blank"

Veza atributa target = "_ blank"

Nemojte ga zloupotrijebiti. Nema potrebe unositi interne veze na web-lokaciju s ovim atributom. Korisnici će biti annoyed by "iskra prozor".

Općenito, s ovim atributom cilja - cijela priča. Još uvijek postoje brojna značenja, ali se danas svi rijetko koriste.

Razlog tome je što su dizajnirani za rad s web-lokacijom na okvirima koji više nisu popularni i, uz pojavu HTML5 , postaju stvar prošlosti.

Veza naslova. Atribut naslova za oznaku <A>

Još jedan koristan atribut je title = "Tekst koji objašnjava gdje vodi ova veza"

sintaksa:

<a href="http://domen-saita.ru/papka-na-servere/dokument.html" title="the pop-up hint"> ovo je hint veza </a>

Kao što možete vidjeti, preglednik ga prikazuje kao savjet. A ipak, uzima u obzir tražilice.

Savjet za atribut za naslov veze

Atribut hipervezu nofollow. Zabrana prijenosa "povjerenja" mjesta prema referenci

Postoji još jedan nejasan atribut za linkove rel = "nofollow"

On kaže pretraživačima da dokument povezivanja možda nije pouzdan. Istodobno, pokazatelji povjerenja ("trust") iz izvorišne web lokacije ne šalju se na stranicu prema referenci.

Tema “povjerenja” i rangiranja linkova još je pred nama, ali ako je kratka, “sudbina” stranica u tražilicama također će ovisiti o broju veza koje vode na ovu stranicu. Više od njih, više autoritativni mjesta link - više vjerodostojnost stranice prema referenci.

U nekim slučajevima, vrijedi prikazati veze s ovim atributom. Na primjer, ako napišete negativnu recenziju o bilo kojoj usluzi.

<a href="http://bad-sait.ru/dokument.html" rel="nofollow"> loša web lokacija </a>

Unutarnja veza ili sidro unutar dokumenta

U velikim tekstovima često je potrebna instalacija tzv. „Sidara“ u logičke dijelove dokumenta. Onda se možete pozvati na ovo mjesto.

Najjednostavniji način da ga upotrijebite je stvoriti lokalnu tablicu sadržaja iz hiperveza koje vode do tih sidara. Takvi sadržaji obično se nalaze na samom početku članka.

Pri izradi takvog sidra koristi se atribut name umjesto atributa href.

Sintaksa za izradu sidra je:

<a name="top"> </a>

Prilikom izrade veze na kraju URL-a dodajte znakom # - naziv "sidro":

<p> <a href="#top"> Vrh </a> </ p>

Prijelaz će biti točno na ovo mjesto, tj. Preglednik će to mjesto smjestiti u svoj gornji vidljivi dio.

Često, u dugim dokumentima, na samom dnu stavljaju takav link “Top”.

... putujući svijetom mirisnih žitarica, našli su najvišu kvalitetu onih za koje su poznate Afrika, Azija, Srednja i Južna Amerika. Stoga, danas u kafićima marke Zrno kave Naći ćete najbolje sorte kave od priznatih proizvođača.

? Na vrh ?

Iz drugog dokumenta možete ići na ovo mjesto ako na kraj URL-a dodate znak # name_accord

<a href="http://domen-saita.ru/dokument.html#top"> tekst veze vodi do sidra "vrh" u ovom dokumentu </a>

Link Anchor - Slika

Svaka slika može biti veza.

šifra:

<a href="http://sait.ru/dokument.html"> <img src = kartinka.jpg "width =" 100 "height =" 131 "/> </a>

Linkovi su prema zadanim postavkama označeni preglednikom s plavom crtom, a slike poveznica dobivaju plavi okvir.

Linkovi-slike dobivaju plavi okvir

Da biste ga se riješili, u CSS datoteku za web-lokaciju dodaje se jednostavno pravilo:

a {border: 0px;}

Ovo je naredba da se granica debljine nule za sve veze slike.

nastavak

U sljedećem postu govorit ću o poveznicama e-pošte, njihovim atributima i metodama "zaštite" od zlih spamera