Sobre este problema HTML
O elemento <table> em HTML suporta um conjunto limitado de atributos — principalmente atributos globais como class, id e style. O atributo height nunca foi parte do padrão HTML para tabelas (ao contrário de width, que era válido em HTML 4 mas foi desde então descontinuado). Apesar disso, muitos browsers historicamente aceitaram height em <table> como uma extensão não padrão, o que levou ao seu uso generalizado mas incorreto.
Como height não é um atributo reconhecido em <table>, usá-lo significa que a sua marcação é inválida e pode comportar-se de forma inconsistente entre browsers. Alguns browsers podem honrá-lo, outros podem ignorá-lo completamente, e versões futuras de browsers podem alterar o seu comportamento a qualquer momento. Depender de atributos não padrão torna o seu código frágil e mais difícil de manter.
A correção é simples: remova o atributo height do elemento <table> e use CSS para definir a altura desejada. Você pode aplicar o CSS inline através do atributo style, ou melhor ainda, usar uma folha de estilos externa ou interna com um seletor de classe ou ID.
Exemplos
❌ Inválido: atributo height em <table>
<table height="300">
<tr>
<td>Name</td>
<td>Score</td>
</tr>
<tr>
<td>Alice</td>
<td>95</td>
</tr>
</table>
Isso desencadeia o erro do validador: Atributo “height” não é permitido no elemento “table” neste ponto.
✅ Corrigido: usando CSS inline
<table style="height: 300px;">
<tr>
<td>Name</td>
<td>Score</td>
</tr>
<tr>
<td>Alice</td>
<td>95</td>
</tr>
</table>
✅ Corrigido: usando uma classe CSS (preferível)
<style>
.tall-table {
height: 300px;
}
</style>
<table class="tall-table">
<tr>
<td>Name</td>
<td>Score</td>
</tr>
<tr>
<td>Alice</td>
<td>95</td>
</tr>
</table>
Usar uma classe mantém o seu HTML limpo e torna fácil ajustar o estilo mais tarde sem tocar na marcação. Note que min-height é frequentemente uma melhor escolha do que height para tabelas, uma vez que o conteúdo da tabela pode crescer naturalmente além de uma altura fixa, e min-height garante que a tabela tenha pelo menos um certo tamanho sem cortar o conteúdo.
Encontre problemas como este automaticamente
O Rocket Validator analisa milhares de páginas em segundos, detetando problemas HTML em todo o seu site.