6 link tag a
0 gostou471 visualizações
O documento discute as tags <a> e seus atributos target, rel e id no HTML. Explica que a tag <a> é usada para criar links e requer o atributo href. Os atributos target e rel determinam onde o link abrirá e o tipo de relacionamento com a página, respectivamente. O atributo id pode identificar elementos e ser usado como âncora para navegação dentro da página.
6 link tag a
- 1. HTML A Alma da Internet Prof. Mauro DuarteProf. Mauro Duarte
- 2. 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>
- 3. 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>
- 4. 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>
- 5. 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)
- 6. 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.
- 7. 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>
- 8. 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>De volta para o Olá</a>