Junior

Co je to 'kotva' ve webovém vývoji?

sobes.tech AI

Odpověď od AI

Kotva je značka uvnitř HTML dokumentu, která umožňuje vytvořit přímý odkaz na určité místo na stránce. Nejčastěji se kotvy používají pro navigaci uvnitř jedné webové stránky.

Kotva se realizuje pomocí atributu id u HTML prvku a odkazu (<a>) s atributem href, který začíná symbolem # a názvem kotvy (id).

<a href="#section2">Přejít na druhou sekci</a>

<section id="section1">
  <h2>První sekce</h2>
  <p>Obsah první sekce.</p>
</section>

<section id="section2">
  <h2>Druhá sekce</h2>
  <p>Obsah druhé sekce.</p>
</section>

Kliknutím na odkaz s href="#section2" se prohlížeč automaticky posune na prvek s id="section2".

Tabulka srovnání použití kotvy a běžných odkazů:

Charakteristika	Kotva (`href="#id"`)	Běžný odkaz (`href="/page"`)
Kam odkaz směřuje	Na konkrétní místo na aktuální stránce	Na jinou stránku nebo zdroj
Symbol v `href`	Začíná na `#`	Obvykle začíná na `/` nebo s protokolem (`http://`)
Funkce	Navigace uvnitř stránky	Navigace mezi stránkami

Předchozí Další