Přechod mezi stránkami na webu je jedním z hlavních prvků pro vytvoření pohodlné navigace pro uživatele. Správné zpracování přechodů pomáhá uživatelům snadno procházet různými částmi webu a najít správné informace. V HTML existuje několik způsobů, jak implementovat přechody mezi stránkami, na které se podíváme v tomto článku.
Nejjednodušší a nejběžnější způsob je použití hypertextových odkazů. Hypertextové odkazy jsou aktivní prvky, na které můžete kliknout a přejít na jinou stránku webu nebo otevřít nový dokument. K vytvoření hypertextového odkazu se v HTML používá značka . Uvnitř značky je uvedena adresa stránky nebo dokumentu, na který má být přechod proveden. Text, který bude uživateli viditelný, spočívá mezi otevíracím a zavíracím tagem .
Příklad použití hypertextového odkazu:
Tento příklad vytvoří hypertextový odkaz s textem "přejít na novou stránku". Kliknutím na tento odkaz webový prohlížeč přesměruje uživatele na stránku "Nová stránka_stránka.html " ve stejném okně prohlížeče.
Pro hypertextové odkazy se doporučuje používat různé stylizace a efekty, abyste upoutali pozornost uživatelů a zviditelnili přechody. Můžete například použít tučnou kresbu na text odkazu pomocí značky nebo kurzívou pomocí značky . Tyto značky označí webovému prohlížeči, jaké formátování je třeba použít na text odkazu.
Syntaxe odkazu v HTML
Syntaxe odkazu v HTML je následující:
Tato syntaxe používá tři hlavní značky:
Například pokud chceme vytvořit odkaz na stránku " about.html "s textem " o nás":
Při použití obrázků místo textu můžete použít následující syntaxi:
Zde - značka, která určuje obrázek,a atributy src a alt nastavují cestu k obrázku a jeho alternativnímu textu.
Vytváření odkazů v HTML umožňuje uživatelům snadno procházet mezi různými stránkami, což usnadňuje navigaci na webu.
Značka a atributy href a target
Použití relativní cesty umožňuje odkazovat na soubory uvnitř aktuálního webu:
Atribut target určuje, jak bude přechod otevřen-v aktuálním okně nebo v novém okně prohlížeče. Možné hodnoty atributu:
| _self | Otevře odkaz v aktuálním okně (výchozí) |
| _blank | Otevře odkaz v novém okně nebo kartě prohlížeče |
| _parent | Otevře odkaz v nadřazeném rámu nebo okně |
| _top | Otevře odkaz v plném okně prohlížeče |
Příklad použití atributu target:
Relativní a absolutní odkazy
- Odkaz na stránku-odkaz na stránku v aktuálním adresáři;
- Odkaz na stránku-odkaz na stránku ve výše uvedeném adresáři;
- Odkaz na stránku je odkaz na stránku v kořenovém adresáři.
- Odkaz na stránku-odkaz na celou adresu URL;
- Napsat e-mail-odkaz pro odeslání e-mailu;
- Volání-odkaz na vytáčení telefonního čísla.