Какво е 'котва' във уеб разработката?

Якорът е марка вътре в HTML документ, която позволява създаването на директна връзка към определено място на страницата. Обикновено, якорите се използват за навигация в рамките на една уеб страница.

Якорът се реализира чрез атрибута id в HTML елемент и връзка (<a>) с атрибута href, който започва със символа # и името на якоря (id).

<a href="#section2">Отиди във втората секция</a>

<section id="section1">
  <h2>Първа секция</h2>
  <p>Съдържание на първата секция.</p>
</section>

<section id="section2">
  <h2>Втора секция</h2>
  <p>Съдържание на втората секция.</p>
</section>

Когато кликнете върху връзката с href="#section2", браузърът автоматично ще превърти страницата към елемента с id="section2".

Таблица за сравнение на използването на якорите и обикновените връзки:

Характеристика	Якоре (href="#id")	Обикновена връзка (href="/page")
Къде води връзката	На определено място на текущата страница	На друга страница или ресурс
Символ в href	Започва с #	Обикновено започва с / или протокол (http://)
Функция	Навигация вътре в страницата	Навигация между страници