HTML: Kako nastaviti, da se povezave odpirajo v novem zavihku

Odpremo povezavo v novem zavihku brskalnika je pogosta potreba pri spletnem oblikovanju. Uporabniki si želijo, da se ob kliku na povezavo ne zapre trenutna stran, ampak se odpre nova, kjer si lahko ogledajo povezano vsebino, ne da bi izgubili kontekst trenutne strani. V HTML-ju to dosežemo z uporabo atributatarget znotraj oznake<;a>;.

Osnove: Atributtarget

Atributtarget določa, v katerem oknu ali zavihku se bo odprla povezava. Najpogostejša vrednost je"_blank", ki odpre povezavo v novem zavihku. Poglejmo si primer:

<;a href="https://www.google.com" target="_blank">;Obiščite Google<;/a>;

Ta koda ustvari povezavo do Google-a, ki se ob kliku odpre v novem zavihku. Pomembno je omeniti, da je uporaba atributatarget="_blank" dobra praksa za izboljšanje uporabniške izkušnje, saj preprečuje nenamerno zapiranje pomembnih strani.

Druge Možnosti za Atributtarget

Poleg"_blank" obstajajo še druge vrednosti za atributtarget:

  • "_self": Povezava se odpre v istem zavihku (privzeta vrednost, če atribut ni naveden).
  • "_parent": Povezava se odpre v nadrejeno okvir (frame) ali okno.
  • "_top": Povezava se odpre v celotnem oknu brskalnika, brez okvirjev.
  • "ime_okna": Povezava se odpre v oknu ali zavihku z imenom "ime_okna". To omogoča odpiranje povezav v specifičnih oknih, ki jih lahko ustvarite z JavaScript-om.

Primer uporabe "ime_okna":

Za uporabo imenovanega okna morate najprej ustvariti okno z JavaScript-om. Nato lahko uporabite ime okna v atributitarget. To je bolj napreden koncept in zahteva poznavanje JavaScript-a.

Semantika in Dostopnost

Čeprav jetarget="_blank" praktičen, je pomembno upoštevati semantiko in dostopnost. Uporabatarget="_blank" lahko zmede uporabnike, saj se zavedajo, da so zapustili prvotno stran. Nekateri bralniki zaslona morda ne bodo pravilno interpretirali odprtja v novem zavihku. Zato je priporočljivo, da uporabnike jasno obvestite o tem, kaj se bo zgodilo, ko kliknejo na povezavo. Na primer, lahko uporabite besedilo kot "Odpri v novem zavihku" poleg povezave.

Varnostni Aspekti

Uporabatarget="_blank" lahko predstavlja varnostno tveganje, če spletna stran, na katero povezujete, odpre škodljivo kodo v novem zavihku. Sodobni brskalniki imajo vgrajene zaščitne mehanizme, vendar je priporočljivo preveriti varnost spletnih strani, na katere povezujete.

Praktični Primeri

Tukaj je nekaj praktičnih primerov uporabe atributatarget:

  • Povezave do zunanjih virov: Povezave do dokumentov PDF, videoposnetkov na YouTubu ali drugih spletnih mest se običajno odprejo v novem zavihku, da se ne izgubi kontekst trenutne strani.
  • Povezave do dodatnih informacij: Če na strani predstavljate glavno temo in imate dodatne informacije, lahko uporabitetarget="_blank" za odpiranje teh informacij v novem zavihku.
  • Povezave do spletnih aplikacij: Če se na vaši spletni strani nahaja povezava do spletne aplikacije, je priporočljivo, da se odpre v novem zavihku.

Zaključek

Uporaba atributatarget v HTML-ju je ključna za nadzor odpiranja povezav v brskalniku. Čeprav je"_blank" najbolj pogosta vrednost, je pomembno upoštevati semantiko, dostopnost in varnostne vidike. S pravilno uporabo atributatarget lahko izboljšate uporabniško izkušnjo in ustvarite bolj prijazno spletno stran.

Razumevanje atributatarget je le en majhen del širšega področja spletnega programiranja. Za bolj poglobljeno razumevanje HTML-ja in spletnega razvoja priporočamo študij dodatnih virov in poskusov z različnimi kodami.

Zavedanje različnih možnosti in njihovih posledic omogoča bolj učinkovito in varno uporabo HTML-ja ter izboljšanje celotne uporabniške izkušnje.

oznake: #Html

Sorodni članki: