Como criar tabelas em HTML5

O recipiente de marcação primária para tabelas em HTML é o mesa elemento. Ou seja, você usa a tag de abertura para indicar o início de uma mesa, e você adicionar a tag de fechamento para terminá-la.

Além disso, os blocos de construção básicos para os dados da tabela em HTML é a linha da tabela () e dados da tabela () elementos, quando uma tabela consiste em tantas linhas como existem elementos (mais quaisquer linhas de cabeçalho ou rodapé) e as colunas do número máximo de elementos em qualquer linha da tabela.

Entre essas tags de abertura e fechamento, você pode encontrar os seguintes elementos nesta muito interessante e prescrita (em outras palavras, obrigatório) ordem:

  • Zero ou um elementos para definir uma legenda para uma tabela (se houver um tal elemento, ou sem legenda para a tabela se ele está ausente). Se for usado, um elemento deve seguir imediatamente após a tag de abertura.

  • Zero ou um grupo de colunas () elementos para definir agrupamentos de coluna para a tabela (se houver um tal elemento, ou há agrupamentos de coluna se o elemento está ausente). Ele deve aparecer depois de qualquer elemento, se estiver presente, e antes de qualquer dos seguintes elementos da tabela.

  • Zero ou um cabeçalho da tabela () elementos para definir a seção cabeçalho para uma tabela (se houver um tal elemento, ou mesmo nenhuma tabela cabeçalho da seção se o elemento está ausente). Muitas vezes, uma primeira mesa de cabeçalho da linha se estende por toda a largura da mesa para identificar o tudo isto, e a primeira linha de título é seguido por uma segunda linha de posições individuais em cada coluna na tabela.

  • Zero ou mais corpo da tabela ( ) elementos para identificar o conteúdo real da tabela. Uma tabela pode ter vários elementos, por isso é incomum em HTML em que uma tabela pode ter apenas uma cabeça, mas vários corpos!

  • Zero ou um rodapé da tabela () para proporcionar informações para a parte inferior de uma mesa. Os navegadores podem usar, e decidir o que rolar (o corpo da tabela, geralmente) eo que deixar para sempre presente na tela.

    O rodapé da tabela é um caso especial quando se trata de onde na sequência de marcação tabela pode aparecer. Ele sempre pode aparecem por último na seqüência (como faz nesta lista), mas também pode aparecer logo após qualquer um desses elementos que estão presentes (por esta ordem):,, e.

    No entanto, afigura-se antes e elementos. Neste caso especial, não podem também aparecer no fim da tabela. Não permitido!

  • Se não há elemento presente (Que normalmente seria definir o corpo de mesa em mesa com um cabeçalho definido tabela e, possivelmente, também uma secção de rodapé), o elemento de linha da tabela () define linhas de dados para o que a tabela apresenta, na verdade. Dentro de cada linha da tabela são tão muitos elementos dados da tabela () como existem células nessa linha.

Como a sintaxe tabela HTML e ordem de marcação pode ser complicado e complicado, é ainda mais interessante do que o normal para executar toda a sua marcação de tabelas através da W3C Markup Validation Service para se certificar de que ele está correto.

A estrutura de uma tabela HTML é mais fácil de entender se representá-lo usando marcação básica recipiente somente, com alguns comentários esperançosamente iluminando, assim:

Estrutura Básica Tabela Markup e Sequence
Tabela 6-1: Estrutura HTML Markup e Sequence
ElementoDescrição