Junior

Čo je to 'kotva' vo webovom vývoji?

sobes.tech AI

Odpoveď od AI

Kotva je značka vnútri HTML dokumentu, ktorá umožňuje vytvoriť priame prepojenie na určité miesto na stránke. Väčšinou sa kotvy používajú na navigáciu v rámci jednej webovej stránky.

Kotva sa realizuje pomocou atribútu id na HTML prvku a odkazu (<a>) s atribútom href, ktorý začína symbolom # a názvom kotvy (id).

<a href="#section2">Prejsť na druhú sekciu</a>

<section id="section1">
  <h2>Prvá sekcia</h2>
  <p>Obsah prvej sekcie.</p>
</section>

<section id="section2">
  <h2>Druhá sekcia</h2>
  <p>Obsah druhej sekcie.</p>
</section>

Kliknutím na odkaz s href="#section2" sa prehliadač automaticky posunie na prvok s id="section2".

Tabuľka porovnania použitia kotiev a bežných odkazov:

Charakteristika	Kotva (`href="#id"`)	Bežný odkaz (`href="/page"`)
Kam odkaz smeruje	Na konkrétne miesto na aktuálnej stránke	Na inú stránku alebo zdroj
Symbol v `href`	Začína s `#`	Zvyčajne začína s `/` alebo s protokolom (`http://`)
Funkcia	Navigácia vnútri stránky	Navigácia medzi stránkami

Predchádzajúce Ďalej