16. Odsyłacze i kotwice

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
author
bookmark
external
help
license
next
nofollow
noreferrer
noopener
prev
search
tag

Określa jakie powiązanie występuje pomiędzy dokumentem, a linkowanym zasobem

shape

default
rect
circle
poly

Określa kształt odnośnika.

coords

coordinates

Określa koordynaty w kształcie odnośnika.

target

_blank
_parent
_self
_top
framename

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.