Legăturile sunt un mod foarte bun
de a face conecta
o pagină web cu altă pagină web.
Dar ele pot pot conecta deasemenea
o parte a paginii
cu o altă parte a aceleiași pagini,
mai ales în pagini foarte lungi,
ca un cuprins.
Am adăugat acum
mai multe informații pe acestă pagină,
ca să pot să-ți arăt
o istorie a internetului,
și o istorie a versiunilor de HTML.
Cred că e destul conținut
așa că merită un cuprins.
Și am început unul aici sus,
doar o listă neordonată,
cu elemente în listă
cu fiecare titlu al secțiunilor.
Și vreau să conetez fiecare dintre
aceste titluri de secțiune,
ca să poți face click pe ele
și să ducă la acea parte a paginii.
Ca să fac asta, folosesc
încă o dată tag-ul(elementul) '',
așa că o să încep prin a
încadra acest titlu
în tag-urile de început și de sfârșit
pentru ''.
Acum, ce ar trebui să adăugăm
ca 'href' pentru acest link?
Păi, trebuie cumva
să spunem browser-ului
unde să sară pe pagină.
Un mod de a identifica unic
acea parte din pagină.
Dacă ai învățat deja selectorii de CSS
ai văzut deja
cum să faci asta, de fapt.
Putem face asta adăugând
un atributul 'id' tag-ului ''.
Să coborâm
și să găsim headig-ul ('') aici.
Și vom adăuga un atribut ''
la acest heading.
Așa că o să pun cursorul meu în '',
tastez
id = ''
și găsesc un identificator bun
care este unic,
precum
"web-history".
Bine, să urcăm înapoi la link.
Și acum, ca să-i spunem browserului
să meargă la acest link intern,
trebuie să începem cu semnul diez (#),
și să scriem exact id-ul
cum l-am scris mai jos.
Bine, și acum...
Pune pauză
și încearcă să faci click pe link.
Mergi, aștept.
Clicky-clicky!
Bine. Ai văzut cum a coborât
la acestă secțiune?
Atunci înseamnă că a mers!
Putem adăuga
mai multe link-uri ca acesta
adăugând atributul id
la fiecare heading,
și creând tag-uri ''
care trimit la ele.
Dar o să las asta
pentru tine să încerci.
Este important să reții
că id-urile trebuie să fie unice,
pentru că altfel browser-ul
nu va ști unde să sară.
Așa că fă-le frumoase și descriptive.