Odkazy jsou jednou z hlavních součástí webových stránek. Umožňují uživatelům procházet různé stránky a zdroje na internetu. HTML má speciální značku, která se používá k vytváření odkazů. Ale jak správně vytvořit odkaz, aby byl srozumitelný, intuitivní a bezpečný?
Co je odkaz
V tomto příkladu se uživateli zobrazí text domů a kliknutím na tento text se provede přechod na stránku index.html".
V tomto příkladu, text "odkaz" se zobrazí uživateli, a po kliknutí na tento text, odkaz se otevře na nové kartě nebo okně prohlížeče.
Odkazy mohou také obsahovat seznamy, které vám umožňují vytvářet navigační panely. Například:
V tomto příkladu se vytvoří seznam se třemi položkami a kliknutím na každou položku se provede přechod na příslušnou stránku.
Odkazy jsou nedílnou součástí značkování HTML a poskytují mnoho možností pro navigaci uživatele po webu nebo internetu obecně.
Proč potřebujete odkazy
Odkazy se používají pro:
- Přechod na jiné webové stránky: Pomocí odkazů mohou uživatelé přejít na jiné stránky webu nebo na webové stránky jiných webových zdrojů. To umožňuje organizovat strukturu webu a poskytuje pohodlnou navigaci.
- Otevírání dokumentů a souborů: Odkazy lze použít k otevření různých typů souborů, jako jsou obrázky, videa, zvuk, dokumenty a další. To umožňuje poskytovat různé informace a obsah na webových stránkách.
- Přechod na kotevní odkazy: Kotevní odkazy umožňují uživateli přejít na určitou část aktuální webové stránky. To je užitečné zejména na dlouhých stránkách, které uživatelům pomohou najít požadované informace hned po přechodu.
- Odesílání dat na server: Odkazy lze použít k odesílání dat na server, například při vyplňování a odesílání formuláře na webové stránce. To umožňuje interakci s webovými aplikacemi a přenos dat mezi klientem a serverem.
Je důležité si uvědomit, že správně navržené odkazy s srozumitelným a popisným textem mohou výrazně zlepšit zkušenosti uživatelů a pomoci jim získat potřebné informace.
Typy odkazů v HTML
HTML poskytuje několik typů odkazů, které lze použít k vytváření interaktivních prvků na webových stránkách. Níže jsou uvedeny hlavní typy odkazů v HTML:
- Interní odkazy: tyto odkazy se používají k přechodu na sekce na stejné webové stránce. Jsou nastaveny pomocí kotev a mají vzhled . Když uživatel klikne na interní odkaz, stránka se posouvá k kotvě.
- Externí odkazy: tyto odkazy se používají k přechodu na jiné webové stránky. Jsou zadány pomocí plné adresy URL stránky a mají vzhled . Když uživatel klikne na externí odkaz, dojde k přechodu na zadanou stránku.
- Relativní odkazy: tyto odkazy se používají k přechodu na jiné stránky v rámci stejné webové stránky. Jsou zadány bez uvedení úplné adresy URL stránky a mají relativní cestu k souboru nebo adresáři.
- Email odkazy: tyto odkazy se používají k vytvoření odkazu na e-mail. Jsou nastaveny pomocí předpony mailto: a e-mailové adresy, která vypadá. Kliknutím na e-mailový odkaz se otevře e-mailový klient v počítači uživatele pro odeslání e-mailu.
- Telefonní odkazy: tyto odkazy se používají k vytvoření odkazu na telefonní číslo. Jsou nastaveny pomocí předpony tel: a telefonního čísla, které má vzhled . Po kliknutí na telefonní odkaz se otevře aplikace pro volání nebo odeslání zprávy se zadaným číslem.
Výběr typu odkazu závisí na cílech a požadavcích webové stránky. Pomocí různých typů odkazů můžete vytvářet různé interaktivní prvky a zlepšovat uživatelskou zkušenost webu.
Tvorba textového odkazu
K vytvoření textového odkazu je třeba použít následující syntaxi:
- href-atribut, který označuje adresu stránky nebo souboru, na který má odkaz vést;
- Adresa URL stránky nebo souboru;
- text odkazu je text, který se zobrazí na Stránce jako odkaz.
Příklad návrhu textového odkazu:
V tomto příkladu, když kliknete na text "Klikněte zde" bude uživatel přesměrován na stránku na "https://www.example.com".
Pokud chcete, aby se odkaz otevřel na nové kartě nebo okně prohlížeče, můžete přidat atribut target= "_blank" :
Nyní se odkaz otevře na nové kartě nebo okně prohlížeče.
Odkaz na jiný web
Při vytváření odkazu na jiný web je důležité zadat správnou adresu stránky (URL) a zobrazený text, který bude viditelný na webové stránce. K tomu se používá značka v HTML.