Element <a> w HTML

Słownik kwalifikacji INF.03 - Tworzenie i administrowanie stronami i aplikacjami internetowymi oraz bazami danych

Element `<a>` w HTML

Element <a> służy do tworzenia odnośników na stronie internetowej. Najważniejszym atrybutem tego elementu jest href, który określa, dokąd prowadzi link.

Podstawowy przykład

<a href="https://example.com">Przejdź do strony</a>

Po kliknięciu użytkownik zostanie przeniesiony pod adres podany w href.

Odnośnik wewnętrzny na tej samej stronie

Atrybut href może zawierać nie tylko pełny adres URL, ale także tzw. identyfikator fragmentu, czyli zapis zaczynający się od znaku #.

<a href="#hobby">przejdź</a>

<section id="hobby">
  <h2>Moje hobby</h2>
</section>

Po kliknięciu linku przeglądarka przewinie aktualną stronę do elementu mającego id="hobby".

Ważne zasady

#hobby oznacza fragment bieżącej strony, a nie osobny plik lub domenę.
Element docelowy powinien mieć atrybut id="hobby".
Identyfikator po znaku # musi odpowiadać wartości id elementu docelowego.
Znak # w href jest poprawny i często używany w menu stron jednostronicowych.

Przykład zastosowania

<nav>
  <a href="#kontakt">Kontakt</a>
</nav>

<footer id="kontakt">
  <p>Adres e-mail: [email protected]</p>
</footer>

Taki odnośnik nie otwiera nowej strony, tylko przewija dokument do sekcji kontakt.