Links

Um link, ou uma âncora, é uma palavra, um grupo de palavras ou uma imagem que você pode clicar para saltar para outro documento ou para uma parte específica do documento atual. O elemento para links, internos e externos, é um simples <a>. Já falamos sobre abreviações anteriormente e a é uma abreviação de anchor. Mas você não pode usar apenas <a> - você deve adicionar pelo menos um atributo - o href. Href significa referência de hipertexto e o valor define o endereço que você está vinculando. O vínculo mais simples se parece com isso:

<a href="http://www.yoururl.com">Link text</a>

Abrir em uma nova janela

Algumas vezes você quer que o usuário continue com sua página web aberta e você tenha a possibilidade de determinar se um link deve ou não abrir em uma nova janela. Para fazer isso, use o atributo target.

Se você decidir usar o atributo target você deve saber que muitas pessoas não gostam desse recurso e acreditam que deve ser permitido ao usuário decidir por si mesmo se ele quer uma nova janela, clicando com o direito, ou não.

<a href="http://www.yoururl.com" target="_blank">This is my link</a>

Link para uma parte específica do seu documento

Se você quer linkar para uma parte específica do seu documento isso pode ser feito de duas maneiras. Anteriormente, isso foi feito identificando o local para o qual você deseja linkar, um nome desse local – que deve parecer com isso:

<a name="question-2">This</a> is the answer to the second question

Isso é chamado de identificador de fragmento – ele identifica um fragmento específico do seu documento. O elemento anchor é usado para definir o local que você quer linkar e você gostaria de usar também o identificador do fragmento quando você realmente linka-lo:

<a href="#question-2">See the answer to question 2</a>

O # indica que ele é um link de identificador de fragmento e a question-2 diz ao navegador qual fragmento procurar.

HTML5 sugere usar atributos id específicos ao invés do atributo name se eles já estiverem disponíveis e se não estiverem, escrever o elemento anchor um pouco diferente.

Aqui está um exemplo usando ids

<p id="my-note">This is my first section, with a unique id</p>
<p>This is just a section – no id’s or anything here</p>

<a href="#my-note">Go to the first section</a>

Se não existir um id no elemento parágrafo, mas ainda assim queiramos ir para a primeira seção, o HTML5 sugere fazer da seguinte forma:

<p><a name="my-note" />This is my first section, with a unique id</p>
<p>This is just a section – no id’s or anything here</p>

<a href="#my-note">Go to the first section</a>

Como você pode ver, usamos o elemento anchor se não existir um id único e fechamos o elemento na primeira marcação, pois uma marcação de fechamento não é necessária.