< Return to Video

HTML internal links

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

Romanian subtitles

Incomplete

Revisions