Jedním z hlavních rozdílů mezi webovými stránkami a jinými formami komunikačních médií je myšlenka „odkazů“, popř hypertextové odkazy protože jsou technicky známé z hlediska webdesignu.
Kromě toho, že pomáhají udělat z webu to, čím je dnes, jsou odkazy a obrázky také nejběžnějším doplňkem na webových stránkách. Naštěstí se tyto položky snadno přidávají (jen dva základní značky HTML) a mohou přinést vzrušení a interaktivitu na stránky, které by jinak byly stránkami prostého textu. V tomto článku se dozvíte o značce (anchor), která je skutečná Prvek HTML slouží k přidání odkazů na webové stránky.
Přidávání odkazů
Odkaz se v HTML nazývá kotva, takže značka, která jej reprezentuje, je značka A. Běžně lidé jednoduše označují tyto doplňky jako „odkazy“, ale kotva je to, co se ve skutečnosti přidává na jakoukoli stránku.
Když přidáte odkaz, musíte ukazovat na adresa webové stránky na které chcete, aby uživatelé po kliknutí nebo klepnutí (pokud jsou na dotykové obrazovce) na tento odkaz. Toto určíte pomocí atributu.
The href atribut znamená „hypertextový odkaz“ a jeho účelem je diktovat adresu URL, kam chcete, aby konkrétní odkaz směřoval. Bez těchto informací je odkaz k ničemu, protože by prohlížeč informoval, že by měl být uživatel přiveden někde, ale neměla by k dispozici informace o cíli, kam by to „někde“ mělo být. Tato značka a tento atribut jdou ruku v ruce.
Na svou stránku HTML můžete propojit téměř cokoli, včetně snímky. Jednoduše obklopte prvky HTML nebo prvky, které chcete spojit se značkami a. Můžete také vytvářet zástupné odkazy vynecháním href atribut - ale nezapomeňte se vrátit a aktualizovat href informace později, jinak odkaz při přístupu ve skutečnosti nic neudělá.
Díky HTML5 je platné propojovat prvky na úrovni bloku, jako jsou odstavce a DIV elementy. Můžete přidat kotevní značku kolem mnohem větší oblasti, jako je rozdělení nebo seznam definic, a celá tato oblast bude „klikatelná“. To může být užitečné zejména při pokusu o vytvoření větších oblastí zásahů vhodných pro prsty na webu.
Na co je třeba pamatovat při přidávání odkazů
- Konečná značka je Požadované. Pokud jej zapomenete zahrnout, propojí se také vše, co následuje po tomto odkazu, dokud značku nezavře jiný odkaz.
- Většinu času je nejlepší propojit jednotlivé obrázky a krátké rozpětí textu, spíše než velké bloky textu. Odkazy mohou na vaši stránku přidat barvy a podtržení, které mohou být obtížně čitelné. Samozřejmě můžete pomocí CSS tyto styly odkazů změnit a upravit barvy nebo odstranit podtržení, ale stále je dobré mít na paměti tuto realitu.
- Nezapomeňte zkontrolovat své odkazy, aby se nezkazily. Díky funkci Link Rot mohou uživatelé i vyhledávače považovat váš web za neplatný. Pravidelně používejte kontrolu odkazů k ověřování odkazů na svých stránkách. To platí zejména v případě, že odkazujete na weby třetích stran (ty, které nespravujete) a které mohou změnit jejich stránky přesčas a ponechat vám mrtvé odkazy. Kontrola mrtvých odkazů najde tyto odkazy, abyste mohli provádět jakékoli nezbytné aktualizace.
- Ve svém odkazu nepoužívejte text jako „klikněte sem“. Pamatujte, že lidé s dotykovými obrazovkami nemohou „klikat“, takže text působí jako produkt minulé éry a ve skutečnosti není relevantní pro dnešní web zaměřený na více zařízení.
Další zajímavé typy odkazů
The A element vytvoří standardní odkaz na jiný dokument, ale existují i jiné typy odkazů, které by vás mohly zajímat:
- Interní odkazy nebo kotvy: Jedná se o odkazy na některá místa na webové stránce, ne nutně na začátek.
- Obrázkové mapy: Obrázkové mapy umožňují vytvářet odkazy na obrázky, které jsou mapovány na konkrétní oblasti obrázku. Lze je použít pro hry nebo kreativní navigaci. Často je vidíte na mapách, kde lze klikat na oblasti na mapě. Všimněte si, že obrazové mapy se nepoužívají na většině moderních webových stránek, z části proto mohou způsobit problémy na mobilních zařízeních.
- Prvek: Tento prvek se používá k propojení dalších dokumentů a stránek s aktuálním. Nevytvoří na vaší webové stránce klikatelnou oblast, ale je užitečné ji pochopit.