Základy HTML - Odkazy a kotvy

• Smět 21, 2024

Pomocí odkazů můžete propojit svou stránku s jinými stránkami nebo dokonce přejít na různé části stejné stránky. Odkazy dávají vašemu webu dynamickou kvalitu, díky které se liší od řekněme, knihy nebo časopisu.

Na nejzákladnější úrovni vypadá značka odkazu takto:



Jakákoli značka, která začíná na 'a', označuje odkaz, ale existují dva základní druhy odkazů: hypertextové odkazy a pojmenované kotvy. Hypertextový odkaz je odkaz, který spojuje jednu webovou stránku s jinou webovou stránkou a bude vypadat asi takto:

Sem napište text

Informace ve značce sdělují prohlížeči, že se jedná o hypertextový odkaz (href), který se připojuje k webové stránce „page.html“. Text uvnitř značek (text odkazu zde) je součástí odkazu, který návštěvník skutečně vidí, a kliknutím na něj přejdete na stránku page.html. Pokud odkazujete na stránku na vašem webu ze stránky umístěné na stejném webu, můžete vynechat informace o doméně. Pokud jste například vytvářeli odkaz na své stránce na adrese www.domain.com/home.html a odkaz připojený k cílové stránce www.domain.com/page.html, můžete napsat odkaz jako a přeskočit informace o názvu domény. Pokud vynecháte název domény, prohlížeč bude předpokládat, že cílová stránka je umístěna na stejném webu jako propojovací stránka.

Pojmenovaná kotva (často nazývaná jednoduše „kotva“) slouží jinému účelu. Jak jste možná uhodli z názvu, kotva vytvoří neviditelnou vlajku na stránce, která řekne vašemu prohlížeči, kam přistát, když nastavíte odkaz, který upustí návštěvníky v určitém bodě na stránce. Kotva vypadá takto:



Anchor obvykle neponechává žádný text mezi otevíracími a zavíracími značkami, protože je tam jednoduše označit místo na stránce. Chcete-li vytvořit odkaz, který umožní návštěvníkům přejít na toto místo na stránce z jiné stránky, můžete vytvořit hypertextový odkaz, jako je tento:

Navštivte sekci Post

Symbol „#“ v odkazu říká prohlížeči, že se připojujete k pojmenované kotvě. Pokud byste chtěli vytvořit hypertextový odkaz, který by přeskočil návštěvníka na jinou část stejné stránky, vypadalo by to takto:

Navštivte sekci Post

Další důležitou součástí vašich hypertextových odkazů je atribut 'target'. To říká prohlížeči, jak zobrazit cílovou stránku. Máte tři hlavní možnosti: 'target = "_ blank",' 'target = "_ self",' a 'target = "_ top".'

Argument '_blank' otevře propojenou stránku v novém okně. To je zvláště užitečné, když odkazujete na externí web, protože návštěvník může procházet novým webem podle obsahu svého srdce, aniž by ztratil umístění na vašem webu. Nejlepší je také otevírat dokumenty, jako jsou soubory PDF, v novém okně, protože návštěvníci často dokument automaticky uzavírají, když jsou hotovi.

Argument '_self' způsobí, že propojená stránka nahradí aktuální stránku v existujícím okně prohlížeče. To je nejlepší pro odkazy na vašem webu; jinak návštěvníci, kteří hodně procházejí váš web, skončí s mnoha otevřenými okny, což může být velmi nepříjemné! Toto je výchozí argument pro atribut 'target', takže pokud nezadáte cíl, vaše odkazy budou vždy používat existující okno prohlížeče.

Argument '_top' se obvykle používá na webových stránkách rámců a říká prohlížeči, aby přepsal celou sadu rámců, na rozdíl od jednoduchého načtení nové stránky do kterékoli části sady rámců, která obsahuje původní odkaz.

Video Návody: Jak si vytvořit vlastní web s HTML a CSS #1 Základy HTML5 (Smět 2024).