Odkaz

Odkaz zkráceně (hypertextový odkaz) je objekt HTML, který umožňuje přejít na nové místo, když na něj kliknete nebo klepnete. Odkazy se nacházejí téměř na každé webové stránce a představují jednoduchý způsob navigace mezi stránkami na webu.

Odkazy lze připojit k textu, obrázkům nebo jiným prvkům HTML. Většina textových odkazů je modrá, protože jde o standardní barvu, kterou webové prohlížeče používají k zobrazení odkazů. Odkazy však mohou mít libovolnou barvu, protože styl textu odkazu lze upravit pomocí HTML nebo stylů CSS. V počátcích webu byly odkazy ve výchozím nastavení podtržené. Dnes se podtržení odkazů používá méně často.

Když je odkaz použit u obrázku, značka odkazu zapouzdřuje značku obrázku nebo ji obklopuje. Protože je značka obrázku vnořená do značky odkazu, samotný obrázek se stane odkazem. Tuto metodu lze použít k přidání odkazů k jiným prvkům, například objektům <div> a <span>. Protože však ke změně vzhledu odkazu lze použít CSS, často se místo značky <div> nebo <span> používá značka <a> s atributem třídy CSS nebo ID.

Níže je uveden příklad kódu HTML pro textový odkaz a odkaz s obrázkem:

Textový odkaz: <a href="/definition/computer">Computer Definition</a>

Odkaz s obrázkem: <a href="https://techterms.com/definition/computer"><img src="/images/computer.jpg" alt="desktop PC"></a>

Relativní a absolutní odkazy

První výše uvedený odkaz je „relativní odkaz“, protože neobsahuje název domény. Odkaz se místo toho vztahuje k aktuálnímu webu. Například žádný interní odkaz na webu TechTerms.com nepotřebuje ve zdrojovém kódu řetězec „https://techterms.com/“. Stačí relativní odkaz, například „/definition/computer“. Protože odkaz začíná lomítkem, cesta začíná v kořenovém adresáři. Pokud relativní odkaz nezačíná lomítkem, cesta je relativní k aktuální URL.

Druhý výše uvedený odkaz je absolutní odkaz, protože obsahuje název domény. Absolutní odkazy jsou vyžadovány u externích odkazů, které vás přesměrují na jiný web. Mohou začínat řetězcem „http“ nebo „https“. Absolutní odkazy mohou také začínat dvěma lomítky („//“). To se interpretuje jako „http://“ u stránek poskytovaných přes HTTP a jako „https://“ u stránek poskytovaných přes HTTPS.

NOTE: Písmeno „a“ ve značce <a> znamená „anchor“ (kotva), protože rané dokumenty hypertextu často odkazovaly na kotvy (neboli značky) uvnitř stránky, nikoli na jiné stránky. „href“ uvnitř značky <a> znamená „hypertext reference“ (hypertextový odkaz).