-
Links são uma excelente forma de conectar
-
uma página web a outra página web.
-
Mas eles também podem conectar
uma parte de uma página web
-
a outra parte na mesma página web.
-
Especialmente em páginas web muito longas,
como em um índice de conteúdo.
-
Eu adicionei agora um monte
de informação a essa página,
-
para eu poder te dar uma história da web
-
e uma história das versões de HTML.
-
E eu acho que é conteúdo suficiente
para merecer um índice de conteúdo.
-
E eu comecei um aqui em cima,
apenas uma lista não ordenada,
-
cujos itens são cada um
dos títulos das seções.
-
E eu quero ligar cada um
desses títulos de seção
-
para que você possa clicar neles
e ir para aquela parte da página.
-
Para fazer isso, mais
uma vez usei a tag '< a >'.
-
Então vou começar
envolvendo esse título
-
com tags '< a >' no início e no fim.
-
Agora, o que deveria ser colocado
como o href deste link?
-
Precisamos de alguma
forma dizer ao navegador
-
para onde pular na página web.
-
Um jeito de identificar unicamente
essa parte da página.
-
Se você já aprendeu
seletores CSS,
-
você já viu como
fazer isso, na verdade.
-
Nós podemos fazer adicionando um
atributo '< id >' a uma tag.
-
Vamos descer e achar
o cabeçalho aqui.
-
Vamos adicionar um atributo
'< id >' a esse cabeçalho.
-
Então eu vou colocar
o meu cursor em '< h2 >'.
-
digitar id=" "
-
e pensar em um bom
identificador que é único
-
como "web-history".
-
Vamos subir de volta até o link.
-
E agora, para dizer ao navegador
para ir a esse link interno,
-
precisamos começar com
um hashtag (#)
-
e então digitar exatamente o id
como digitamos lá embaixo.
-
Então agora...
-
Pause esse vídeo e tente clicar no link.
-
Pode ir, eu espero.
-
Você viu ele descer até essa seção?
-
Então funcionou!
-
Nós podemos adicionar
mais links como esse
-
colocando os atributos id
em cada cabeçalho
-
e fazendo tags < a >
que apontam para eles.
-
Mas eu vou deixar isso
para você tentar.
-
O mais importante a se lembrar
é que IDs devem ser únicos
-
porque, de outra forma, o navegador
não vai saber para onde pular.
-
Então os faça legais e descritivos.
-
Legendado por [Alberto Oliveira]
Revisado por [Fernando dos Reis]
