Odkazy nebo kotvy na webových stránkách
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. Tyto položky se snadněji přidávají (jen dvě základní HTML značky ) a mohou přinést vzrušení a interaktivitu na to, co by jinak byly stránky prostého textu. V tomto článku se dozvíte o značce (anchor), která je vlastním prvkem 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.
Atribut href znamená "hypertextový odkaz" a jeho účelem je diktovat adresu URL, na kterou chcete přesměrovat konkrétní odkaz. 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:
URL webové stránky pro přechod na "> Text, který bude odkazem
Takže k odkazu na webdesigner.ru / webovou stránku HTML, píšete:
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 se značkami a . Odkazy na zástupné symboly můžete také vytvořit tak, že vynecháte atribut href - ale pouze se ujistěte, že jste se vrátili a později aktualizovali informace o href, nebo když odkaz nebude ve skutečnosti dělat nic, když je přístupný.
HTML5 je platné pro propojení elementů na úrovni bloků, jako jsou odstavce a prvky DIV . 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ů
- Konečná značka 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é nespravujete) a které mohou časem měnit své stránky a zanechat vám 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é éry a ve skutečnosti není relevantní na dnešním centralizovaném webu založeném na více zařízeních.
Další zajímavé typy odkazů
Prvek A vytváří standardní odkaz na jiný dokument, ale existují další typy odkazů, které by vás mohly zajímat:
- Interní odkazy nebo kotvy - Tyto odkazy jsou někde uvnitř webové stránky, nikoliv nutně horní.
- 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 Element-Element se používá pro propojení ostatních dokumentů a stránek s aktuálním. Nevytvoří na vaší webové stránce klikací oblast, ale je užitečné ji pochopit.