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┼╝