Esse guia é uma versão traduzida do Google Doctype, com algumas informações de outros websites (que vocês irão conferir o link no final do post).

O guia veio para explicar algumas informações sobre as principais tags do HTML.

<a>

Se o elemento <a> vier acompanhado do atributo href ele representa um link. Caso ele não venha acompanhado no href ele é na verdade um local aonde o link poderia ter sido colocado.

Exemplos

<a href="/">home</a>
<a name="navbar"></a>

Atributos:

href - O atributo num link (hyperlink) deve ter o valor de uma URI. Este URI é o “destino” do link. Por exemplo:

<a href="index.html">home</a>

name - É usado num local aonde deveria ser um link. Na verdade, ele pode ser usado quando a URI é na mesma página. Por exemplo, para colocar em favoritos apenas uma área determinada da página. Segundo o HTML 4, o atributo name e o id tem o mesmo espaço de localização, isso é, você não pode ter um elemento

<a name="foo">

E um elemento:

<a id="foo">

Na mesma página. Está certo se os tiver os dois elementos numa mesma tag, desde que eles tenham o mesmo valor:

<a name="foo" id="foo">.

No XHTML 1.0 não é usado mais o atributo name se houver o atributo id.

E no HTML 5.0 e no XHTML 1.1, o atributo name não é usado mesmo.

target - Representa aonde é que o autor da página quer que o site abra. Por exemplo, existem diversos atributos para essa tag:

• target=”_blank”: abre o link em uma nova página.
• target=”_self”: abre o link no atual frame ou documento.
• target=”_parent”: abre o link num frame “parente” ou documento.
• target=”_top”: abre o link no documento de nível superior. Por exemplo, no index.html e não no frame.html
• target=”_media”: abre o link na barra de media. Apenas para Internet Explorer
• target=”_search”: abre o link no painel de pesquisa. Apenas para Internet Explorer
• target=”some-frame-name”: abre o link num frame especificado.
• target=”some-other-name”: abre o link em uma nova janela específica. Se essa janela permanecer aberta e o usuário clicar em um segundo link, a mesma janela será reutilizada e o documento anterior será substituído.

Outros atributos:

• charset
• coords
• disabled
• hreflang
• media
• methods
• ping
• rel
• rev
• shape
• suppress
• type
• urn

<abbr>

O atributo abbr representa uma abreviação ou acronimo. Quando você passa o mouse sobre ele, a informação sobre o que essa abreviação significa aparece.

Se ele for usado em o atributo title ele não terá nenhuma função visual. Um exemplo de um uso do abbr pode ser encontrado em alguns blogs, na qual o nome RSS vem com o sublinhado pontilhado.

Exemplo

<p>The <abbr title="Web Hypertext Application Technology Working  Group">WHATWG</abbr> started working on HTML5 in 2004.</p>

<acronym>

O atributo acronym representa quase a mesma coisa do abbr, a única diferença é que ele apenas significa acronimo. Por ele se parecer muito com o abbr e confundir os programadores, a partir da versão HTML5 e da XHTML2, ele não está mais presente.

Exemplo

<acronym>MSN</acronym>

<address>

A tag address é utilizada para identificar um texto de contato. Ele pode ser usado com alguns atributos:

align - É usado para alinhar o texto numa determinada posição. Por exemplo, align=”center” irá alinhar o texto no centro do local.

Os valores do align são: center, right e left para qualquer tag que eles sejam necessários ou utilizados.

clear - Este atributo “nega” o efeito do estilo float. Esse atributo possui alguns valores como: none, left, right ou both.

height - Este atributo é usado para especificar a altura do box que o address está contido.

width - Este atributo tem a mesma função do height porém, serve para largura.

Exemplo

<address>Copyright © 2007
<a href="mailto:john@example.com">John Doe</a>
</address>

A tradução não é perfeita, por isso, tive que incluir alguns termos para complementar. Em apenas um caso utilizei o Google Translator.

Copyright (c) 2007-2008, Google

All prose content (including text, pictures, screenshots, audio files, video files, and any other original works), unless otherwise noted, is licensed under the Creative Commons Attribution 3.0 Unported License.

Eu também utilizei neste post o site: WHATWG Community