HTML & CSS pradedantiesiems.

HTML ir CSS pradedantiesiems (11 dalis): Nuorodų apibrėžimas (1)

Visi pamokos vaizdo įrašai HTML ir CSS pradedantiesiems

Nuorodų apibrėžimas HTML atliekamas naudojant a-elementą. Prieš parodydamas jo naudojimą, norėčiau pateikti keletą bendrų pastabų apie hiperparinktis. Būtinai apgalvokite gerus nuorodos tekstus. Su paprastu grįžti dažniausiai niekam nepadėsite. (Kai lankytojas atvyksta iš išorinio puslapio, jis dažniausiai nežino, ką reiškia grįžti). Bandykite pasirinkti aprašomus nuorodos tekstus.

Hiperparinktys HTML visada seka tą patį principą.

<a href="videos.html">Naujausi vaizdo įrašai</a>

a-Elementui suteikiamas savybė href. Ši href vėlgi tikisi kaip vertę nuorodos tikslą. Ankstesniame pavyzdyje buvo nuoroda į failą videos.html. Šis failas yra tame pačiame kataloge kaip ir HTML failas, kuriame buvo apibrėžta hiperparinktis.

HTML ir CSS pradedantiesiems (dalis 11): Nuorodų apibrėžimas (1)


Beje, Jūs galite nustatyti ne tik projektuose vidaus nuorodas. Taip pat galite nukreipti hiperparinktis į išorinius failus ir domenus.

<a href="http://www.psd-tutorials.de">PSD-Tutorials.de</a>



Tekstas, esantis tarp pradinio <a> ir užbaigančio </a>, yra galutinis nuorodos tekstas. Pagal nutylėjimą šį tekstą naršyklės pateikia pabrauktą.

HTML ir CSS pradedantiesiems (dalis 11): Nuorodų apibrėžimas (1)

Nurodyti tikslo langą

Paspaudus ant hiperparinkties, nuorodos tikslas atsiveria esamame naršyklės lange. Tai paprastai yra visiškai gerai. Tačiau gali atsitikti, kad norite nurodyti išorinio domeno nuorodą. Jei lankytojas paspaustų šią nuorodą, norėtumėte, kad tikslas atsiveria naujame naršyklės lange ar skirtuke. Šios varianto privalumas: Jūsų svetainė lieka atidaryta fone.

HTML ir CSS pradedantiesiems (11 dalis): Hiperpaveikslėliai apibrėžiami (1)

Tačiau nereiktų kiekvienos svetainės hiperparinkčių atverti išoriniame lange, nes lankytojai gali greitai susierzinę nuo to.

Naudojant target atributą a-elemente, galite nurodyti, kuriame tikslo lange turėtų būti atidaromas konkretus nuorodos tikslas. HTML pirmiausia siūlo tris numatytuosius target reikšmes.

_blank – Nuorodos tikslas atsiveria naujame naršyklės lange.

_self – Atidaro nuorodos tikslą esamame naršyklės lange.

_parent – Čia galite ištrūkti iš rėmo. (Pamirškite, kad rėmai HTML5 nepalaiko ir šios technikos geriau jos nenaudoti, nes šiandien yra gerų alternatyvų. Jei norite giliau susipažinti su rėmais, galite aptikti daugiau informacijos tokioje svetainėje kaip http://de.wikipedia.org/wiki/Frame_(HTML)).

_top – Taip pat naudojama kartu su rėmais. Jūs galite su šiuo atributu atverti tikslą už rėmų

<a href="http://www.psd-tutorials.de" target="_blank">PSD-Tutorials.de</a>



Šiame atveju nuorodos tikslas http://www.psd-tutorials.de atsiveria naujame lange/ skirtuke. Iš tikrųjų tokią pačią pasekmę pasiektumėte, jei vietoj rezervuoto pavadinimo _blank naudotumėte išgalvotą pavadinimą, pvz., halligalli. Tačiau naudojant target, rekomenduočiau iš tikrųjų naudoti vieną iš rezervuotų pavadinimų.

Nurodyti nuorodos pagrindą

Galite HTML failo head srityje nurodyti vadinamąją nuorodos pagrindą. Toks nuorodos pagrindas užtikrina, kad visi nuorodos tikslai bus rodomi tam tikrame naršyklės lange. Šis dalykas yra naudingas ypač susijungus su rėmais.

Tačiau praktiškai tai būtų naudinga, jei, pavyzdžiui, norėtumėte, kad visos nuorodos būtų rodomos naujame naršyklės lange naudojant _blank. Imkite pavyzdį su nuorodų sąrašu. Jeigu norite, kad jų nuorodos tikslai būtų visada atidaromi naujame lange, tai atrodytų taip:

<a href="http://www.facebook.com/psdtutorials" target="_blank">http://www.facebook.com/psdtutorials</a>
<br />
<a href="http://www.facebook.com/psdDarkArt" target="_blank">http://www.facebook.com/psdDarkArt</a>
<br />
<a href="http://www.facebook.com/HowToNetzwerk" target="_blank">http://www.facebook.com/HowToNetzwerk</a>



Taigi kiekvienai a apibrėžčiai turėtumėte priskirti target atributą.

Tai nėra ypač efektyvu, kaip matote. Dar mažiau efektyvu, jei už kelių mėnesių nuspręsite, kad tikslai nebedarbusiniciti naujame lange. Tuomet turėsite perkursinti visų nuorodų target atributus. Galite to išvengti naudodami minėtą nuorodos pagrindą. Šis nustatomas naudojant base elementą įdėtą į head. base elementui priskiriamas target atributas su pageidautinu vertę. Štai kaip tai galėtų atrodyti:

<!DOCTYPE html>
 <html lang="de">
 <head>
 <title>PSD-Tutorials.de</title>
 <meta charset="UTF-8" />
 <base target="_blank">
 </head>
 <body>
 <a href="http://www.facebook.com/psdtutorials">http://www.facebook.com/psdtutorials</a>
 <br />
 <a href="http://www.facebook.com/psdDarkArt">http://www.facebook.com/psdDarkArt</a>
 <br />
 <a href="http://www.facebook.com/HowToNetzwerk">http://www.facebook.com/HowToNetzwerk</a>
 </body>
 </html>



Tai jums sutaupo daug rašymo darbo.

Apibrėžti Aplanką

Kaip nustatote hiper nuorodas į kitus failus, jau matėte. Tačiau HTML faile taip pat galima nurodyti vadinamąsias aplankas. Tada galite kurti nuorodas į tas pačias aplankas. Tai patogu, pavyzdžiui, turinio puslapyje pradžioje galite nurodyti turinio sąrašą, per kurį lankytojai gali pereiti prie jiems svarbių vietų, nesiskrolindami per naršyklės langą.

HTML ir CSS pradedantiesiems (11 dalis): Nuorodų apibrėžimas (1)

Aplankai sukuriami naudojant a elementą. Tačiau apibrėžti aplankus nepadeda href atributas, o name atributas.

<a name="seitenanfang">Turinys</a>
<a name="kapitel1">Kapitolas 1 turinys</a>
<p>Čia seka labai daug teksto.</p>
<a name="kapitel2">Kapitolas 2 turinys</a>
<p>Čia seka labai daug teksto.</p>



Jūs laisvai galite pasirinkti aplanko pavadinimus. Tačiau rekomenduoju pasirinkti kuo trumpesnį pavadinimą, naudoti tik mažąsias raides ir vengti specialių simbolių.

Norint nurodyti aplanką, turite apibrėžti įprastą hiper nuorodą, kaip parodyta šio vadovo pradžioje.

<a href="#seitenanfang">Į pradžią</a>



href atributui kaip vertę priskiriamas aplanko pavadinimas. Čia svarbu tai, kad aplanko pavadinimui prieš tai pridedamas sakinio ženklas.

Jūs galite nurodyti aplankų nuorodas ir tarp failų. Šiame pavyzdyje darome prielaidą, kad yra failas news.htm, esantis tame pačiame kataloge kaip ir tikrasis HTML failas. news.htm faile buvo apibrėžtas turinio pradžia aplankas. Norėdami į jį nurodyti, už paskirtosios failo (news.htm) pavadinimo rašome sakinio ženklą. Prie to vėl pridedamas aplankų pavadinimas.

<a href="news.htm#seitenanfang">Į pradžią</a>



Taigi, taip paprastai galite nurodyti nuorodas į aplankus bet kuriame faile.