Częstym elementem stron internetowych są odsyłacze (hiperłącza, linki) prowadzące do innych stron internetowych, dokumentów, grafik.
Umieszczanie linka w dokumencie HTML.
<a href="http://rafalorzelek.pl">Link do strony rafalorzelek.pl</a>
Opis atrybutów, które mogą występować w odnośnikach.
Atrybut |
Wartość |
Opis |
href |
url |
Określa adres url do zasobu |
hreflang |
language_code |
Określa język do linkowanego zasobu |
download |
nazwa_pliku |
Określa plik do pobrania. |
media |
media_query |
Określa dla jakich urządzeń jest zoptymalizowany linkowany zasób. |
name |
Nazwa sekcji |
Określa nazwę kotwicy w aktualnym dokumencie HTML do którego linkuje odnośnik. W HTML5 należy używać id. |
rel |
alternate |
Określa jakie powiązanie występuje pomiędzy dokumentem, a linkowanym zasobem |
shape |
default |
Określa kształt odnośnika. |
coords |
coordinates |
Określa koordynaty w kształcie odnośnika. |
target |
_blank |
Określa w jaki sposób lub w jakiej ramce ma się otworzyć linkowany zasób. |
W linkach można również używać globalnych atrybutów jakie są w HTML np.: id, class itd.
Atrybuty zaznaczone na czerwono są przestarzałe w HTML5, zaznaczone na zielone nowe w HTML 5
Czasem trzeba przeskoczyć w inne miejsce w tym samym dokumencie HTML. Wcześniej się to robiło poprzez umieszczenie w treści dokumentu HTML tzw. kotwic:
<a name="kotwica">Przykład kotwicy w tekście.</a>
Żeby do takiej kotwicy przeskoczyć należało napisać link w postaci:
<a href="#kotwica">przeskocz do przykładowej kotwicy</a>
W HTML5 robi się to trochę inaczej. Już nie trzeba umieszczać w dokumencie HTML dodatkowych wpisów, a linkujemy do odpowiedniego identyfikatora umieszczonego w dokumencie.
Z pakietu linków można utworzyć proste menu.