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]