Attributes

Vários elementos do HTML5 podem ter múltiplos atributos. O atributo provém informações adicionais sobre um elemento específico e são sempre especificados na tag de abertura. Aqui vai um exemplo: vamos supor que você quer criar um link. O elemento de link é especificado pela tag <a> e o endereço de destino é especificado no atributo href.

<a href="http://www.myurl.com">This is a link</a>

Como você pode ver, o elemento de link consiste na tag de abertura <a> e a tag de fechamento </a>. O conteúdo do elemento de link é "This is a link". Mas dentro da tag de abertura tem um atributo href. O atributo href sempre tem um valor, neste caso, http://www.myurl.com. Toda vez que você tem um elemento com um atributo, o padrão para escrever atributos é atributo="valor".

Aqui você deve observar que o nome do atributo é seguido por a = e o valor do atributo é sempre cercado por "". No HTML5, você pode omitir as aspas contanto que o valor não inclua um caractere restrito (como >, =, ou um espaço), mas isso aumenta o risco de erros - vamos olhar para o elemento de imagem para exemplifique isso.

<img src="my-puppy.jpg" alt="This is a picture of my puppy, Bob">

Se você olhar para o atributo alt (alt é uma abreviação de texto alternativo), há várias palavras. Isso não é problema quando você está usando aspas - as aspas indicam que tudo no meio delas é o valor do atributo alt. Mas como o espaço é um caractere restrito, você não pode escrever assim::

<img src="my-puppy.jpg" alt=This is a picture of my puppy, Bob>

Se fizer, os navegadores presumiriam que o valor do atributo alt fosse apenas "this" e o resto do seu texto alternativo pretendido ("a picture of my puppy, Bob") poderia quebrar o resto da sua página.

O que você aprendeu

• Alguns elementos HTML podem ter atributos
• O padrão para um atributo é atributo="valor"
• Atributos provém informações adicionais sobre um elemento
• Os atributos são sempre especificados na tag de abertura
• Você não precisa usar aspas, mas sempre é uma boa ideia usá-las

Espero que você já tenha entendido as noções básicas de HTML e, portanto, estamos prontos para avançar para sua primeira página real da Web, que veremos no próximo capítulo.