Czy można używać kotwicy w elemencie div?

Kotwice w HTML

Kotwice od dawna służą do łączenia się z konkretnymi fragmentami stron internetowych. Kotwica składa się z elementu odnośnika (<a>) oraz elementu posiadającego atrybut id – może to być nagłówek, akapit, obraz, a także div. Jeśli div ma przypisany identyfikator, może być użyty jako cel kotwicy.

Zastosowanie kotwic

Kotwice są szczególnie przydatne na stronach z dużą ilością tekstu. Dzięki nim można stworzyć spis treści, w którym każdy odnośnik prowadzi do nagłówka lub div oznaczonego określonym id. Innym popularnym zastosowaniem są tzw. „jump” linki, które przenoszą użytkownika z powrotem na początek długiej strony, co zmniejsza konieczność przewijania. Kotwice umożliwiają także odwoływanie się do konkretnej części innej strony.

Jak zakotwiczyć element div

Aby móc odwołać się do div, wystarczy dodać mu atrybut id. Przykład:

<div id="moj_div">Treść…</div>

Identyfikator ten jest dostępny dla tagów <a>, arkuszy stylów oraz skryptów JavaScript. Jeśli div już posiada id, należy użyć istniejącego identyfikatora.

Tworzenie odnośnika do kotwicy div

Link do elementu z kotwicą tworzy się, ustawiając atrybut href tagu <a> na nazwę id poprzedzoną znakiem „#”. Przykład:

<a href="#moj_div">Przejdź do mojego div</a>
<a href="inna_strona.html#moj_div">Przejdź do mojego div na innej stronie</a>

Pierwszy odnośnik przeniesie użytkownika do elementu div o identyfikatorze moj_div na bieżącej stronie. Drugi odnośnik otworzy wskazaną stronę i automatycznie przeskoczy do tego samego elementu.