Przejdź do głównej treści
  1. Strona główna
  2. Słownik
  3. INF.03
  4. Fragment URL (#) w HTML

Fragment URL (#) w HTML

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

Fragment URL to część adresu znajdująca się po znaku #. W HTML najczęściej służy do tworzenia odsyłaczy prowadzących do konkretnego miejsca na tej samej stronie.

Przykład:

<a href="#dane">Przejdź do danych</a>

<section id="dane">
  <h2>Dane</h2>
</section>

Po kliknięciu w odsyłacz przeglądarka przewinie stronę do elementu, którego atrybut id ma wartość dane.

Jak działa href="#dane"?

Wartość #dane nie oznacza pliku, skryptu ani nowej karty. Jest to odwołanie do identyfikatora elementu w dokumencie HTML.

Warunki działania:

  • na stronie musi istnieć element z id="dane",
  • identyfikator powinien być unikalny w dokumencie,
  • znak # poprzedza nazwę identyfikatora w adresie.

Przykłady

Odsyłacz do miejsca na tej samej stronie:

<a href="#kontakt">Kontakt</a>
<footer id="kontakt">Dane kontaktowe</footer>

Odsyłacz do fragmentu innej strony:

<a href="oferta.html#cennik">Zobacz cennik</a>

Ważne na egzaminie

Jeżeli w atrybucie href występuje sam fragment, np. href="#dane", przeglądarka pozostaje na bieżącej stronie i przewija ją do elementu o id="dane".