Download - 6 link tag aa

Transcript
Page 1: 6   link tag aa

HTMLA Alma da Internet

Prof. Mauro DuarteProf. Mauro Duarte

Page 2: 6   link tag aa

23/03/15

Tag <a>

● A principal tag para criação de link é a tag <a>.● É necessário no mínimo o atributo href

● <a href="http://www.google.com">Google</a>

Page 3: 6   link tag aa

23/03/15

Atributo target

● Target define onde a página linkada abrirá– _blank nova página ou aba.→– _parent mesmo frame (não recomendado em HTML5).→– _self mesma janela ou aba.→– _top frame acima (não recomendado em HTML5).→– Framename indica o frame alvo da abertura do link.→

● <a target=“_blank” href="http://www.google.com">

Google</a>

● <a target=“_self” href="http://www.google.com">

Google</a>

Page 4: 6   link tag aa

23/03/15

Atributo rel

● Define que tipo de relacionamento o link tem com a página de origem.

● Só deve ser usada com href presente.

● <a target=“_blank” href="http://www.google.com" rel=”help”>Google</a>

● <a target=“_self” href="http://www.google.com" rel=”search”>Google</a>

Page 5: 6   link tag aa

23/03/15

Atributo rel

● Alternate versão alternativa do documento (impressão, →tradução etc.)

● Author autor do documento ou artigo.→● Bookmark url usada para marcador permanente.→● Help ajuda do documento.→● License copyright do site ou documento.→● Next próximo documento ou seção.→● Nofollow links a um documento não solidário, como um link →

pago.– (“nofollow é usado para indicar aos robôs do google para não seguir o link)

Page 6: 6   link tag aa

23/03/15

Atributo rel

● Noreferrer especifica que o navegador não deve →enviar um cabeçãlho HTTP referenciador.

● Prefetch Especifica que o documento de destino →deve ser armazenada em cache.

● Prev O documento anterior em uma seleção.→● Search → Links para a ferramenta de pesquisa da

página.● Tag → uma etiqueta, palavra-chave do documento,

semelhante a um blog.

Page 7: 6   link tag aa

23/03/15

ID

● IDs podem ser utilizados em (quase) todos os elementos html.

● Tem a função de Identificar o elemento e deve ser único.

● <h1 id="saudacao">Ola Mundo!</h1>

Page 8: 6   link tag aa

23/03/15

Ancoras

● É possível utilizar um id como uma ancora para mover o usuário pelo próprio site

● <h1 id="saudacao">Ola Mundo!</h1>● <a href="#saudacao>xDe volta para o Olá</a>