Základy HTML - Odkazy a kotvy

• Apríl 30, 2024

Pomocou odkazov môžete prepojiť svoju stránku s inými stránkami alebo dokonca preskočiť na rôzne časti tej istej stránky. Odkazy dávajú vášmu webu dynamickú kvalitu, ktorá ho odlišuje od povedzme knihy alebo časopisu.

Na najzákladnejšej úrovni vyzerá značka odkazu takto:



Akákoľvek značka, ktorá začína na „a“, označuje odkaz, existujú však dva základné druhy odkazov: hypertextové odkazy a pomenované kotvy. Hypertextový odkaz je odkaz, ktorý spája jednu webovú stránku s inou webovou stránkou a bude vyzerať asi takto:

Sem zadajte text odkazu

Informácie v značke informujú prehliadač, že ide o hypertextový odkaz (href), ktorý sa pripája na webovú stránku „page.html“. Text vo vnútri značiek (text odkazu tu) je súčasťou odkazu, ktorý návštevník skutočne vidí, a kliknutím na neho prejdete na stránku page.html. Ak odkazujete na stránku na vašom webe zo stránky umiestnenej na tom istom webe, môžete vynechať informácie o doméne. Ak ste napríklad vytvorili odkaz na svojej stránke umiestnenej na adrese www.domain.com/home.html a odkaz pripojený na cieľovú stránku www.domain.com/page.html, môžete napísať odkaz ako a preskočiť informácie o názve domény. Ak vynecháte názov domény, prehliadač bude predpokladať, že cieľová stránka je umiestnená na rovnakom webe ako prepojovacia stránka.

Pomenovaná kotva (často nazývaná jednoducho „kotva“) slúži inému účelu. Ako ste si možno pomysleli z názvu, kotva vytvorí neviditeľnú vlajku na stránke, ktorá vášmu prehliadaču povie, kam pristáť, keď nastavíte odkaz, ktorý upúta návštevníkov na konkrétny bod na stránke. Kotva vyzerá takto:



Kotva zvyčajne neponecháva žiadny text medzi otváracími a uzatváracími značkami, pretože je tu jednoducho označenie miesta na stránke. Ak chcete vytvoriť odkaz, ktorý umožní návštevníkom prejsť na toto miesto na stránke z inej stránky, môžete vytvoriť hypertextový odkaz, ako je tento:

Navštívte sekciu Príspevok

Symbol „#“ v rámci odkazu hovorí prehliadaču, že sa pripájate k pomenovanej kotve. Ak by ste chceli vytvoriť hypertextový odkaz, ktorý by preskočil návštevníka na inú časť tej istej stránky, vyzeralo by to takto:

Navštívte sekciu Príspevok

Ďalšou dôležitou súčasťou vašich hypertextových odkazov je atribút „target“. Prehliadaču to povie, ako zobraziť cieľovú stránku. Máte tri hlavné možnosti: 'target = "_ blank",' 'target = "_ self",' a 'target = "_ top".'

Argument „_blank“ otvorí prepojenú stránku v novom okne. Je to užitočné najmä vtedy, keď sa pripájate k externej stránke, pretože návštevník môže prostredníctvom novej stránky prehľadávať obsah svojho srdca bez straty polohy na vašej stránke. Najlepšie je tiež otvárať dokumenty, ako sú súbory PDF, v novom okne, pretože návštevníci často dokument automaticky zavrú, keď s ním skončí.

Argument „_self“ spôsobí, že prepojená stránka nahradí aktuálnu stránku v existujúcom okne prehľadávača. Toto je najlepšie pre odkazy na vašich stránkach; inak návštevníci, ktorí veľa prehliadajú vaše stránky, skončia s mnohými otvorenými oknami, čo môže byť veľmi nepríjemné! Toto je predvolený argument pre atribút „target“, takže ak nezadáte cieľ, vaše odkazy budú vždy používať existujúce okno prehľadávača.

Argument „_top“ sa zvyčajne používa na webových stránkach s rámcami a povoľuje prehľadávaču, aby prepísal celú súpravu rámcov, namiesto jednoduchého načítania novej stránky do ktorejkoľvek časti súpravy rámcov, ktorá obsahuje pôvodný odkaz.

Video Návody: Jak si vytvořit vlastní web s HTML a CSS #1 Základy HTML5 (Apríl 2024).