Ve vývoji webu, zejména při vytváření webových stránek, jsou aktivní odkazy nedílnou součástí uživatelského zážitku. Pomáhají návštěvníkům přecházet z jedné stránky na druhou a poskytují jim příležitost dozvědět se více informací nebo provést určitou akci.
Jedním z důležitých aspektů aktivního odkazu je možnost učinit jeho jméno klikacím. V HTML je to dosaženo pomocí tagu(anglicky). anchor-kotva). Ale jak přesně udělat název odkazu kliknutým?
V tomto příkladu se text "název odkazu" zobrazí na Stránce jako prostý text, ale po kliknutí na něj uživatel klikne na uvedený odkaz.
Za zmínku také stojí, že pro pohodlnější použití může být text odkazu zvýrazněn jinou barvou a podtržen linkou. Toho je dosaženo pomocí vlastností CSS color a text-decoration. Například:
Pomocí těchto jednoduchých technik můžete vytvořit aktivní odkaz se jménem, na který mohou uživatelé kliknout a přejít na jinou stránku. Uživatelský zážitek tak bude pohodlnější a intuitivnější.
HTML: udělejte z názvu aktivní odkaz snadno a jednoduše
Krok 1: Otevřete svůj dokument HTML v textovém editoru nebo speciálním programu, jako je Sublime Text nebo notepad++.
Krok 2: Najděte místo, kde chcete název učinit aktivním odkazem.
Krok 3: Použijte značku pro vytvoření odkazu. Tato značka má atribut href, který určuje, kam bude odkaz směřovat. Vložte jej před text, který chcete učinit aktivním odkazem.
Krok 4: Zabalte název, který by měl být aktivním odkazem, do otvírací a zavírací značky . Pokud například chcete, aby název "Vasya" byl aktivním odkazem, kód by vypadal takto:
Krok 5: Vyměňte "https://www.example.com" odkaz, na který chcete, aby uživatelé přecházeli, když kliknete na odkaz.
Krok 6: Uložte změny do dokumentu HTML.
Nyní, když procházíte dokument HTML ve webovém prohlížeči, uvidíte, že název "Vasya" se stal aktivním odkazem. Po kliknutí na toto jméno budou uživatelé přesměrováni na adresu URL, kterou zadáte.
Toto je jeden z nejjednodušších způsobů, jak udělat název aktivním odkazem v HTML. Nezapomeňte zkontrolovat, zda odkaz funguje správně, aby na něj vaši uživatelé mohli bez problémů přejít.
Co je aktivní odkaz v HTML?
V tomto příkladu, po kliknutí na text "toto je aktivní odkaz" bude uživatel přesměrován na webovou stránku http://www.example.com..
Aktivní odkazy mohou zahrnovat nejen webové adresy, ale také odkazy na soubory, obrázky a další zdroje. Existují také různé atributy, které lze pomocí značky nastavit pro různé chování odkazu, jako je otevření odkazu v novém okně, instalace atributu "download" pro stažení souboru atd.
Proč je dobré udělat název aktivním odkazem v HTML?
Vytvoření názvu aktivního odkazu v HTML má několik výhod:
1. Zvýšení použitelnosti a navigace: Pokud je název odkazem, návštěvníci budou moci rychle a snadno získat další informace kliknutím na něj. To usnadňuje proces hledání správných informací a může ušetřit čas návštěvníků.
2. Zlepšení vizuálního podání: Odkazy jsou často podtrženy a změněny barvou, když na ně umístíte ukazatel myši. Tyto změny vizuálního zobrazení pomáhají uživateli rychle identifikovat aktivní prvky webové stránky a zaměřit se na dostupné informace.
3. Zvýšení dostupnosti: Tím, že název aktivního odkazu zpřístupníte informace lidem se zdravotním postižením nebo kteří používají software pro čtení obrazovky. To jim umožňuje snadněji najít a získat potřebné informace.
Nakonec vytvořením názvu aktivního odkazu můžete zlepšit interakci návštěvníků s vaší webovou stránkou, usnadnit jim vyhledávání informací a vytvořit dostupnější a uživatelsky přívětivější zážitek.
Jak udělám název aktivním odkazem v HTML?
Chcete-li vytvořit aktivní odkaz v HTML, můžete použít značku a její atribut href .
Chcete-li zadat název, který se zobrazí na stránce, musíte jej umístit mezi úvodní a zavírací značky . Například:
Ve výše uvedeném příkladu se na stránce zobrazí text "tento odkaz" jako aktivní odkaz. Po kliknutí na tento odkaz bude návštěvník přesměrován na adresu uvedenou v atributu href.
Můžete také přidat atribut target a otevřít odkaz na nové kartě. Například:
V tomto případě se kliknutím na odkaz otevře na nové kartě prohlížeče.
Další atributy href a target vám umožňují nastavit různé akce pro odkaz, jako je stažení souboru, odeslání formuláře a další. Ale hlavní atribut href je povinný a ukazuje na adresu, kam bude odkaz přesměrován.
Příklady použití aktivního odkazu v HTML
Příklad 1: Jednoduchý aktivní odkaz
Po kliknutí na tento odkaz bude uživatel přesměrován na stránku https://example.com..
Příklad 2: Aktivní odkaz s atributem target
Atribut target lze přidat k otevření odkazu v novém okně nebo v rámečku. Například:
Když kliknete na tento odkaz, stránka https://example.com otevře se na nové kartě nebo okně prohlížeče.
Příklad 3: Aktivní odkaz s kotvou
Kotva je odkaz na konkrétní místo na stránce. Chcete-li vytvořit kotvu, musíte k položce, na kterou bude kotva odkazovat, přidat atribut id. Například:
Раздел 1
Перейти к разделу 1Když kliknete na odkaz "Přejít na oddíl 1", stránka se automaticky posune do sekce C .
Příklad 4: Aktivní odkaz s nadpisem
Název může být použit jako aktivní odkaz, pokud je zabalen do značky . Například:
Примерный сайт