1. Tags
As tags podem ser de diferentes tipos. Primeiro, elas podem ser unitárias e em pares. Na maioria dos casos, vemos tags em pares. E, como você provavelmente já adivinhou, elas sempre aparecem em dupla. Também são chamadas de tag de abertura e tag de fechamento.
Tag de abertura — é apenas uma palavra-chave dentro de colchetes angulares.
<tag>
Exemplo:
<h1>
Tag de fechamento é semelhante à tag de abertura, mas tem uma barra antes da palavra-chave.
</tag>
Exemplo:
</h1>
A tag de abertura sempre vem primeiro no par. NÃO pode vir primeiro a tag de fechamento e depois a de abertura. Um documento HTML assim será considerado inválido.
2. Árvore de tags
E mais uma informação importante sobre tags em pares. No documento podem haver várias, e elas podem ser aninhadas. Isso significa que qualquer texto em um documento HTML pode estar encapsulado por tags, mesmo que contenha outras tags. Exemplo:
<html>
Texto comum
<a href="http://codegym.cc/about">
Link para algo interessante
</a>
mais um texto qualquer
</html>
Basicamente, em um texto HTML pode haver uma sequência de tags:
<h1> <h2> </h2> </h1>
Mas não pode haver:
<h1> <h2> </h1> </h2>
Se a tag de abertura <h2> está dentro do par de <h1>, então a sua correspondente tag de fechamento </h2> também deve estar dentro do mesmo par de <h1>.
Assim, todas as tags do documento formam uma espécie de árvore de tags. Primeiro vem a tag de nível superior, que engloba todo o documento, geralmente chamada de <html>, ela tem pares de tags filhas, estas têm as suas próprias, e assim por diante.
Basicamente, o programa que processa o documento com tags o enxerga exatamente assim — como uma árvore de tags contendo texto aninhado.
3. Tags unitárias
Tag vazia
Se uma tag não tem conteúdo, normalmente ela aparece assim:
<tag> </tag>
Para tais tags, foi criada uma forma compacta de escrevê-las:
<tag/>
Note que essa tag é diferente da tag de fechamento — a barra aparece no final. Isto é apenas uma forma abreviada de escrever um par de tags vazias. É chamada de tag vazia.
Tags unitárias
Porém, no HTML, existem também tags unitárias especiais. Elas não possuem uma tag de fechamento. A lista dessas tags é definida no padrão HTML. Exemplos:
<br>— quebra de linha;<hr>— linha divisória;<img>— imagem.
Ao todo são 14, metade delas são tags de sistema, e a outra metade — surgiu na primeira versão do HTML. Hoje em dia, evita-se adicionar novas tags desse tipo.
GO TO FULL VERSION