Saites (hipersaites) ir neatņemama daļa jebkurai interneta lapai. Nospiežot uz saites, lietotājs nonāk citā lapā vai lapas sadaļā.

<a> tags tiek izmantots, lai izveidotu saiti no viena dokumenta uz citu vai arī uz citu tā paša dokumenta daļu.

Galvenais <a> taga atribūts ir href (hyper-reference), kas norāda, uz kurieni saite vedīs.

Vienkārša saite

<a href="https://google.lv">doties uz Google</a>

Rezultāts: doties uz Google

Neobligāts, taču ļoti ieteicams atribūts ir title — nosaukums. Šis teksts parādās, kad lietotājs novieto peles kursoru uz saites:

<a href="https://google.lv" title="Google meklētājs">doties uz Google</a>

Relatīvās un absolūtās saites

Saites var norādīt dažādos veidos:

  • Absolūtā adrese — pilns URL ar protokolu: href="https://example.com/lapa.html"
  • Relatīvā adrese no saknes — sākas ar /: href="/sadala/lapa.html"
  • Relatīvā adrese — attiecībā pret pašreizējo failu: href="lapa.html" vai href="../cita-mape/lapa.html"

Saites uz attēliem

Saiti iespējams uzlikt ne tikai tekstam, bet arī attēlam. To dara, attēlu <img> ietverot saites <a> tagā:

<a href="https://coding.lv" title="Apmeklē coding.lv">
<img src="logo.jpg" alt="Coding.lv logo">
</a>

Saites atvēršana jaunā cilnē

Lai saite atvērtos jaunā pārlūkprogrammas cilnē, pievieno target="_blank" atribūtu. Drošības nolūkos rekomendē pievienot arī rel="noopener noreferrer":

<a href="https://coding.lv/" target="_blank" rel="noopener noreferrer">
Atvērt coding.lv jaunā cilnē
</a>

Enkursaites (saites uz lapas sadaļu)

Ar enkursaitēm var izveidot saiti uz konkrētu lapas vietu. Lai to izdarītu, mērķa elementam pievieno id atribūtu, un saitē norāda šo ID ar # simbolu priekšā:

<h2 id="kontakti">Kontaktinformācija</h2>
<p>Šeit ir mūsu kontakti...</p>

<!-- Saite uz augšējo sadaļu: -->
<a href="#kontakti">Uz kontaktiem</a>

Šādi var arī veikt saiti uz citas lapas konkrētu sadaļu: href="cita-lapa.html#kontakti"

E-pasta saites

Lai izveidotu saiti, kas atver e-pasta klientu ar iepriekš aizpildītu adresi, lieto mailto: protokolu:

<a href="mailto:info@example.com">Rakstīt e-pastu</a>

Var arī norādīt tēmu un saturu: href="mailto:info@example.com?subject=Jautājums&body=Sveiki"

Telefona saites

Mobilajās ierīcēs ir noderīgas telefona saites, kas ļauj uzreiz veikt zvanu:

<a href="tel:+37120000000">Zvanīt +371 2000 0000</a>

Saites atribūts rel

Atribūts rel norāda saites attiecību ar mērķa dokumentu:

  • rel="nofollow" — norāda meklētājiem nesekot šai saitei (lietderīgi lietotāju ģenerētam saturam)
  • rel="noopener noreferrer" — drošības atribūti saitēm, kas atveras jaunā cilnē
  • rel="external" — norāda, ka saite ved uz ārēju lapu

Laboja mad, labots 1x