Element a

> Dodaj do ulubionych

Element HTML a służy do tworzenia dwóch rodzajów łączy: zewnętrznych, do innych stron internetowych, i wewnętrznych, do wybranych miejsc w obrębie jednej strony internetowej. Treścią łącza może być nie tylko tekst, lecz również obraz graficzny.

Przykłady użycia:

<a href="https://shebang.pl">www.shebang.pl</a>
<a href="/#fragment">odnośnik do części strony</a>
<a href="https://shebang.pl">
  <img border="0" alt="Shebang" src="shebang.png" width="50" height="50">
</a>

Jeśli element a ma zdefiniowany atrybut href, to reprezentuje na stronie internetowej hiperłącze. Domyślnie nieodwiedzone hiperłącze jest podkreślone i ma kolor niebieski, a po odwiedzeniu robi się fioletowe.

Za pomocą atrybutu target można wybrać, czy łącze ma zostać otwarte w tym samym oknie lub w tej samej karcie przeglądarki, czy w nowym oknie lub w nowej karcie.

Jeśli atrybut href zostanie opuszczony, nie mogą być zdefiniowane atrybuty target, download, ping, rel, media, hreflang oraz type.

Jeśli atrybut itemprop jest zdefiniowany, dodatkowo musi być zdefiniowany także atrybut href.

Dodatkowe przykłady

Otwieranie strony w nowej karcie:

<a href="https://shebang.pl" target="_blank">Shebang.pl</a>

Łącze do adresu e-mail:

<a href="mailto:jakisadres@mailowy.com">Skontaktuj się z nami</a>

Łącze do Skype:

<a href="skype:nazwa_profilu">Skype</a>

Łącze do numeru telefonu:

<a href="tel:+123456789">123456789</a>

JavaScript w hiperłączu:

<a href="https://shebang.pl" onclick="javascript:alert('Witaj, świecie!');" >Przejdź na Shegang.pl</a>

Atrybuty obowiązkowe

Element a nie ma atrybutów obowiązkowych, ale zobacz opis na początku strony.

Atrybuty opcjonalne

Atrybuty globalne HTML 5 oraz:

AtrybutOpisHTML 4.01HTML 5
hrefAdres URL, pod który prowadzi łącze. Łącza mogą wskazywać nie tylko strony internetowe przy użyciu protokołu HTTP, ale również inne rodzaje zasobów, np. przy użyciu protokołów file, ftp czy mailto.
hreflangOkreśla język dokumentu, do którego prowadzi łącze. Dla języka HTML 5 dozowlone wartości tego atrybutu są opisane w dokumencie BCP47, a dla HTML 4.01 — w dokumencie RFC1766
downloadOkreśla, że kliknięcie łącza powinno spowodować pobranie wskazywanego zasobu, a nie jego otwarcie w oknie przeglądarki
pingZawiera listę adresów URL zasobów, które powinny być powiadomione o kliknięciu łącza mającego zdefiniowany ten atrybut
relOkreśla relację między bieżącym dokumentem a dokumentem, do którego prowadzi łącze
mediaOkreśla rodzaje mediów, dla których przeznaczony jest wskazywany zasób
nameOkreśla nazwę elementu, dzięki której można się do niego odwoływać w skryptach i stylach
revOkreśla relację między bieżącym dokumentem a dokumentem, do którego prowadzi łącze. Odwrotność atrybutu rel
shapeOkreśla kształt obszaru mapy obrazkowej
targetOkreśla sposób otwarcia dokumentu, do którego prowadzi łącze
typeOkreśla typ MIME dokumentu zgodny z punktem 3.7 dokumentu RFC2616

Kontekst użycia

Modele treści HTML5treść ogólna, syntagmatyczna, interaktywna
Elementy nadrzędneelementy syntagmatyczne
Elementy potomneelementy przezroczyste
ZnacznikiMusi mieć zarówno znacznik otwierający jak i zamykający
NormyHTML 5 — podrozdział 4.6.1; HTML 4.01 — podrozdział 12.2
Interfejs DOMHTMLAnchorElement
Różnice między HTML 4.01 a HTML 5

W HTML 5 atrybut target dla elementu a nie jest wycofywany (w HTML 4.01 jest wycofywany)

W HTML 5 atrybut name jest wycofywany na rzecz atrybutu id

W HTML 5 element a nie ma atrybutu shape, a w HTML 4.01 tak

Obsługa przez przeglądarki

FirefoxChromeOperaSafariInternet Explorer

Zobacz również