Jedním z primárních rozdílů mezi webovými stránkami a jinými formami komunikačních médií je myšlenka "odkazů" nebo hypertextových odkazů, které jsou technicky známé v termínech web designu.
Kromě toho, že pomáhá vytvářet web, co je dnes, odkazy a obrázky jsou snadno nejčastěji přidávány na webových stránkách. Naštěstí se tyto položky snadno přidávají (jen dvě základní HTML značky) a mohou přinést vzrušení a interaktivitu k tomu, co by jinak byly prosté textové stránky. V tomto článku se dozvíte o značce (anchor), což je skutečný prvek HTML, který slouží k přidávání odkazů na webové stránky.
Přidávání odkazů
Odkaz se v jazyce HTML nazývá kotvou a značka, která ho reprezentuje, je značka A. Často se lidé odkazují na tyto přídavky jako "odkazy", ale kotvou je to, co se skutečně přidává na kteroukoli stránku.
Když přidáte odkaz, musíte klepnout na adresu webové stránky, na kterou mají uživatelé přijít, když kliknou nebo klepou (pokud jsou na dotykové obrazovce), které odkazují. Zadáte toto s atributem.
The href atribut znamená "hypertextový odkaz" a jeho účelem je diktovat adresu URL, na kterou chcete daný odkaz přejít. Bez těchto informací je odkaz neužitečný - řekne prohlížeči, že uživatel by měl být někde přenesen, ale informace o cíli by neměly být dostupné tam, kde by měl být někde "někde". Tato značka a tento atribut jdou ruku v ruce.
Chcete-li například vytvořit textový odkaz, napište:
Text, který bude odkazem
Takže k odkazu na webdesigner.ru / webovou stránku HTML, píšete:
Lifewire
Na své stránce HTML můžete zahrnout téměř všechno, včetně obrázků. Jednoduše obklopujte prvky HTML nebo prvky, které chcete propojit s
a značky. Odkazy na zástupné symboly můžete také vytvořit vynecháním href atribut - ale jen se ujistěte, že se vrátit a aktualizovat informace href později nebo odkaz nebude ve skutečnosti dělat nic při přístupu.
HTML5 je platné pro propojení prvků na úrovni bloku, jako jsou odstavce a DIV Prvky. Můžete přidat kotevní značku kolem mnohem větší oblasti, například rozdělení nebo definice, a celá oblast bude "klikatelná". To může být obzvláště užitečné, když se snažíte vytvořit webové stránky, které budou mít větší dopad na uživatele.
Některé věci, které je třeba pamatovat při přidávání odkazů
- Finále tag je Povinný. Pokud zapomenete jej zahrnout, všechno po tomto odkazu bude také propojeno, dokud jiný odkaz neuzavře značku.
- Většinou je nejlepší propojovat jednotlivé snímky a krátké rozpětí textu než velké bloky textu. Odkazy mohou na stránku přidat barvy a podtržené styly, které lze těžko číst. Samozřejmě můžete použít CSS pro změnu těchto stylů odkazů a úpravu barev nebo odstranění podtržení, ale je stále dobré mít na paměti tuto skutečnost.
- Nezapomeňte zkontrolovat vaše odkazy, aby se nezhoršily. Link Rot může uživatelům a vyhledávacím nástrojům považovat vaše stránky za neplatné. Pravidelně kontrolujte odkazy na vašich stránkách pravidelně. To platí zejména v případě, že odkazujete na weby třetích stran (ty, které nechcete spravovat) a které mohou změnit jejich stránky po čase, takže vám zůstávají mrtvé odkazy. Kontrola odkazů nalezne tyto mrtvé odkazy, abyste mohli provést potřebné aktualizace.
- Vyhněte se textům jako "klikněte zde" ve vašem odkazu. Nezapomeňte, že lidé s dotykovými obrazovkami nemohou "kliknout", takže text se cítí jako produkt minulého období a ve skutečnosti není relevantní v dnešním centralizovaném webu s více zařízeními.
Další zajímavé typy odkazů
The A element vytvoří standardní odkaz na jiný dokument, ale existují i další typy odkazů, které by vás mohly zajímat:
- Interní odkazy nebo kotvy - Jedná se o odkazy na někde v rámci webové stránky, nikoliv nutně vrchol.
- Obrázkové mapy - obrazové mapy umožňují vytvářet odkazy na obrázky, které jsou mapovány do konkrétních oblastí snímku. Ty mohou být použity pro hry nebo kreativní navigaci. Často je vidíte s mapami, na kterých jsou místa na mapě kliknuta. Upozorňujeme, že obrazové mapy se nepoužívají na většině moderních webových stránek, zčásti proto, že mohou způsobit problémy na mobilním zařízení.
- Prvek - Tento prvek se používá k souvisejícímu připojení ostatních dokumentů a stránek k aktuálnímu. Nevytvoří na vaší webové stránce klikací oblast, ale je užitečné ji pochopit.
