- Interneti-lehekülje URL või „aadress”
- <A> sild ja selle põhiline süntaks
- Absoluutne ja suhteline viide
- Suhteline link kataloogi, mis on suurem kui praegune
- <A> märgendi atribuudid. Kuidas avada dokument uues aknas viitega
- Pealkirja link. <A> sildi pealkirja atribuut
- Atribuut hüperlink nofollow. Keela saidi "usalduse" ülekandmine viitena
- Sisemine link või ankur dokumendi sees
- Link ankur - pilt
- Jätkamine
Viited (või hüperlinkid) läbivad Interneti nagu veresooned. Kui lingid puuduvad, ei oleks internetiühendust.
Kuidas luua HTML-dokumendis link ja õigesti registreerida selle atribuudid, milline on URL ja kuidas otsingumootorid lingidega seotud - selles järgmises õppetundis algajatele HTML-i õppimiseks.
Interneti-lehekülje URL või „aadress”
Igal veebi HTML-dokumendil on oma „täpne aadress”. Seda nimetatakse inglise keeles URL-iks. URL - ühtne ressursiotsik
URL-i struktuur on sageli brauseri aadressiribal nähtav. See sisaldab:
- Protokolli nimi on http: // või https: //
- Saidi domeen
- kausta või selle kataloogi tee, kuhu see dokument asub,
- Faili nimi (ei pruugi alati olla).
Tänu sellele “täpsele aadressile” sai võimalikuks viidata sellele dokumendile teise dokumendi tekstist.
<A> sild ja selle põhiline süntaks
Loodan, et sõna "süntaks" ei hirmutaks enam sind
<a href="http://domen-saita.ru/papka-na-servere/dokument.html"> linkide tekst </a>
Nagu näete, peab pärast <A> sildi algust olema kohustuslik href atribuut, mis määrab selle dokumendi aadressi, kuhu soovite minna.
<A> konteineri sildi sees on tekst (kuigi võib olla ka pilt), mis on lingi tekst. Seda nimetatakse ka ankuriks või lihtsalt - ankuriks.
Absoluutne ja suhteline viide
Ülaltoodud näidetes kasutati absoluutseid viiteid. Need, mis sisaldavad dokumendi täielikku URL-i .
Mõnel juhul ei sisalda href atribuut täielikku URL-i, millel on protokolli nimi ja saidi domeen. Kui dokument, millele link viib, on samas kohas - saate kasutada dokumendi asukoha kohast suhtelist linki.
Skeem, kui rakendatakse suhtelist viidet
Näide: dokumendis first.html olev link viib teise faili.html faili, mis asub uudiste kaustas.
Suhteline link kataloogi, mis on suurem kui praegune
Kood:
<a href="../first.html"> see on suhteline link kataloogi esimese faili failile </a>
See link viib failile first.html "vanemate" kataloogis, s.t. üks tase üles .
Kombinatsioon ../ näitab kausta, mis on ühe taseme võrra ülespoole faili antud positsioonist, kust linki tehakse.
<A> märgendi atribuudid. Kuidas avada dokument uues aknas viitega
Et dokument avataks uues brauseri vahekaardis, peate kasutama atribuuti target = "_ blank"
Atribuudi link target = "_ blank"
Ära kuritarvita seda. Selle atribuudiga saidile ei ole vaja sisemisi linke teha. Kasutajaid häirib „sädemete aken”.
Üldiselt on see sihtmärk atribuut tervikuna. On veel mitmeid selle tähendusi, kuid neid kõiki kasutatakse harva.
Selle põhjuseks on see, et need on mõeldud saidiga töötamiseks kaadritel, mis ei ole enam populaarsed ja HTML5 tulekuga muutuvad minevikuks.
Pealkirja link. <A> sildi pealkirja atribuut
Teine kasulik atribuut on title = "Tekst, mis selgitab, kus see link viib"
Süntaksi:
<a href="http://domen-saita.ru/papka-na-servere/dokument.html" title="teatav vihje"> see on vihje link </a>
Nagu näete, kuvab brauser selle tööriista otsa. Ja veel, see võtab arvesse otsingumootorid.
Lingi pealkirja atribuudi vihje
Atribuut hüperlink nofollow. Keela saidi "usalduse" ülekandmine viitena
Linkidele rel = "nofollow" on veel üks ebaselge atribuut
Ta ütleb otsingumootoritele, et linkdokument ei pruugi olla usaldusväärne. Samal ajal ei edastata lähtekoha usaldusväärsuse („trust”) näitajaid saidile viitena.
"Usalduse" ja linkide järjestamise teema on veel ees, kuid kui see on lühike, sõltub otsingumootorite saitide "saatus" ka sellele saidile viivate linkide arvust. Mida rohkem neid, seda rohkem autoriteetsed saidid - seda usaldusväärsem on veebilehe viide.
Mõnel juhul on selle atribuudiga väärt „sõelumine”. Näiteks, kui kirjutate negatiivse ülevaate mis tahes teenuse kohta.
<a href="http://bad-sait.ru/dokument.html" rel="nofollow"> halb sait </a>
Sisemine link või ankur dokumendi sees
Suurtes tekstides on tihti nõutud niinimetatud “ankrute” paigaldamist dokumendi loogilistesse osadesse. Siis, see on selles kohas, võite viidata.
Lihtsaim viis seda kasutada on luua kohalike sisukordade loetelu hüperlinkidest, mis viivad nendesse ankrutesse. Sellised sisulauad paigutatakse tavaliselt artikli algusesse.
Sellise ankuri loomisel kasutatakse atribuuti href asemel nime atribuuti.
Ankuri süntaks on:
<a name="top"> </a>
Lingi loomisel lisage URL-i lõppu märgi # abil "ankur" nimi:
<p> <a href="#top"> Üles </a> </ p>
Üleminek toimub täpselt sellele kohale, s.t. Brauser asetab selle koha ülemisse nähtavasse osa.
Sageli pannakse pikemates dokumentides sellel alumisel lingil „Top“.
... olles reisinud ümber lõhnavate terade maailma, leidsid nad kõrgeima kvaliteediga neid, mille jaoks Aafrika, Aasia, Kesk- ja Lõuna-Ameerika on kuulsad. Seega, täna brändi kohvikutes Kohvioad Leiad parimad kohvitüübid tunnustatud tootjatelt.
? Üles ?
Teises dokumendis võite ka sellele kohale minna, kui lisate URL-i lõppu märgi # name_accord kaudu
<a href="http://domen-saita.ru/dokument.html#top"> linktekst viib selle dokumendi ankrusse "üleval" </a>
Link ankur - pilt
Iga pilt võib olla link.
Kood:
<a href="http://sait.ru/dokument.html"> <img src = kartinka.jpg "width =" 100 "height =" 131 "/> </a>
Vaikimisi on lingid sirvitud sirge sinise joonega, linkide pildid saavad sinise raami.
Lingid-pildid saavad sinise raami
Sellest vabanemiseks lisatakse saidi CSS-failile lihtne reegel:
a {border: 0px;}
See on käsk, mis võimaldab piiritleda nullpilt kõigi pildilinkide puhul.
Jätkamine
Järgmises postituses räägin e-posti linkidest, nende omadustest ja "kaitsmise" meetoditest kurja rämpsposti saatjatelt