Linki do sekcji

Linki do sekcji to linki, które przenoszą użytkownika na określoną sekcję na tej samej stronie, zamiast przenosić go na inną stronę lub adres URL. Aby stworzyć link do sekcji, należy użyć atrybutu href w tagu <a> i podać identyfikator sekcji jako wartość.

Identyfikator sekcji jest atrybutem, który jest używany do oznaczenia elementu na stronie. Aby stworzyć sekcję z identyfikatorem, należy dodać atrybut id do tagu sekcji.

								
<!-- Kliknięcie na link "O nas" przeniesie użytkownika na sekcję o id "about" na tej samej stronie. -->

<a href="#about">O nas</a>
...
<section id="about">

  <h1>O nas</h1>
  <p>Informacje o naszej firmie</p>

</section>

Można również używać linków do przeskakiwania na inne miejsca na stronie, np. do nagłówka, stopki itd. wystarczy użyć id tego elementu jako wartości href .

								
<!-- Kliknięcie na link "do stopki" przeniesie użytkownika na sekcję o id "footer" na dół strony. -->

<a href="#footer">Do stopki</a>
...
<footer id="footer">

  <p>Copyright ©2022</p>

</footer>

Notatka

Jest to bardzo przydatne w przypadku stron z długą zawartością, pozwala na szybkie przeskakiwanie do ważnych sekcji strony bez konieczności przewijania całej strony.