Jedním z hlavních prvků webových stránek jsou odkazy, které uživatelům umožňují procházet různými stránkami a weby. Aktivní odkazy jsou klikací prvky, které reagují na akce uživatele. Nastavení aktivních odkazů je důležité pro vytvoření pohodlné a intuitivní navigace na webu.
Jak vytvořit aktivní odkazy
- Otevřete textový editor nebo HTML editor a vytvořte kód pro Vaši webovou stránku.
- Zabalte text nebo obrázek, který chcete vytvořit odkazem, do značky . Pokud například chcete, aby text "Klikněte zde" byl aktivním odkazem, kód by vypadal následovně: Klikněte zde.
- V atributu href zadejte adresu URL stránky nebo webu, na který chcete přejít. Pokud například chcete přejít na web Google, kód bude vypadat následovně: Klikněte zde.
- V případě potřeby přidejte další atributy. Atribut target lze například použít k určení, jak bude webová stránka otevřena. Klikněte například zde otevře stránku na nové kartě.
Přehled procesu vytváření aktivního odkazu
| Krok | Popis |
|---|---|
| 1 | Otevření značky |
| 2 | Přidání atributu href s hodnotou adresy URL, na kterou má odkaz vést |
| 3 | Přidání textu odkazu mezi otevíracím a zavíracím tagem |
| 4 | Uzavření značky |
Výběr správného textu pro odkaz
Přidání atributů do odkazu
- target-určuje, jak bude propojený dokument otevřen (v aktuálním okně, v novém okně atd.)
- title-přidá vyskakovací nápovědu, když najedete kurzorem na odkaz
- rel-označuje vztah mezi aktuálním dokumentem a souvisejícím dokumentem (např. "nofollow" pro označení, že odkaz nemusí být zohledněn vyhledávači)
Použití stylů na odkazy
Tento styl se použije pouze na odkaz, když nad ním bude kurzor.
Lze také použít vlastnost text-decoration pro přidání nebo odstranění podtržítka u odkazu:
Tento styl odstraní podtržení všech odkazů na stránce.
Pomocí různých stylů a pseudooklasů CSS je možné vytvořit jedinečné efekty pro odkazy na svých webových stránkách, zlepšit jejich vizuální prezentaci a poskytnout lepší uživatelský zážitek.
Ověřování aktivních odkazů
Po vytvoření aktivních odkazů je důležité zkontrolovat jejich funkčnost před zveřejněním webové stránky. Koneckonců, nefunkční odkazy mohou u uživatelů vyvolat negativní dojem a zhoršit jejich zkušenosti s používáním.
Pro důkladnou kontrolu aktivních odkazů se doporučuje postupovat podle následujících kroků:
- Klikněte na každý odkaz v režimu náhledu. Kliknutím na každý odkaz se ujistíte, že přesměruje uživatele na správnou adresu.
- Kontrola kódu každé stránky, na kterou je aktivní odkaz odkaz odkazován. Ujistěte se, že se tato stránka otevře bez chyb a neobsahuje žádný nežádoucí obsah.
- Kontrola odkazu na zbytečné znaky nebo mezery navíc. To pomůže vyhnout se chybám při zadávání adresy.
- Kontrola odkazů na mobilních zařízeních. Ujistěte se, že odkazy fungují také na různých mobilních zařízeních a v různých prohlížečích.
- Testování aktivních odkazů po zveřejnění webové stránky. Pravidelně kontrolujte odkazy, zvláště pokud jste stránku aktualizovali nebo provedli změny kódu.
Dodržováním těchto pokynů budete schopni detekovat a opravit problémy s aktivními odkazy tím, že na vašem webu poskytnete pozitivní uživatelský zážitek.
Výjimky a omezení při vytváření aktivních odkazů
- Odkazy nelze vytvořit bez použití značky . K vytvoření odkazu byste měli vždy použít tuto značku.
- Některé platformy nebo programy mohou blokovat určité typy odkazů. Některé platformy mohou například blokovat odkazy na dospělý obsah nebo odkazy na škodlivé webové stránky.
- Odkazy mohou být omezeny na přístup pouze pro registrované uživatele. Pokud web vyžaduje autorizaci, odkazy mohou být přístupné pouze autorizovaným uživatelům.
- Odkazy, které vedou na nedostupné nebo smazané stránky, se mohou stát "mrtvými" odkazy. Vývojáři by měli odkazy pravidelně kontrolovat a v případě potřeby je aktualizovat.
- Některé odkazy mohou být zablokovány webovými prohlížeči kvůli potenciálním bezpečnostním hrozbám. Mohou být také blokovány jednotlivými pluginy nebo rozšířeními pro zvýšení bezpečnosti.
Navzdory těmto výjimkám a omezením zůstávají aktivní odkazy velmi užitečným a nezbytným prvkem pro navigaci a zlepšení uživatelského zážitku na webu.