Os 10 principais problemas de HTML
Web developers de todo o mundo encontraram
318 milhões de HTML problemas
em 10 milhões de páginas web verificadas.
Eis os problemas mais comuns detectados pelo Rocket Validator.
Última atualização: terça-feira, 26 de novembro de 2024
1. A barra final em elementos nulos não tem qualquer efeito e interage mal com valores de atributos não citados. 46.39%
Elementos vazios, como area
, base
, br
, col
, embed
, hr
, img
, input
, link
, meta
, source
, track
e wbr
são auto-fechantes e não precisam de uma barra final /
, que deve ser evitada, pois pode interferir com valores de atributos não citados.
2. A primeira ocorrência do ID "X" foi aqui. 12.01%
Os IDs dos elementos num documento HTML devem ser únicos. O validador HTML está a indicar a primeira ocorrência de um ID que se repete. Verifique os detalhes desse problema para ver as páginas Web afectadas e os elementos nelas contidos, para corrigir essa repetição de ID.
3. ID “X” duplicado. 12.00%
O atributo id
é utilizado para identificar um único elemento dentro de um documento, e deve ser único. Verifique se há IDs repetidos no documento.
4. O atributo "type" é desnecessário para recursos JavaScript. 10.05%
O type
padrão para as tags <script>
é JavaScript
, portanto não é necessário incluir o tipo para recursos JS.
5. O atributo "X" não é permitido no elemento "Y" neste ponto. 5.18%
Foi encontrado um atributo inválido num elemento. Verifique a etiqueta afetada para se certificar de que os atributos estão bem formados e, se estiverem, pode considerar a utilização de atributos de dados personalizados.
6. Não há espaço entre atributos. 4.26%
Os atributos nos elementos HTML têm de ser separados por espaço.
7. O elemento "X" não é permitido como filho do elemento "Y" neste contexto. 4.17%
O elemento X não é permitido como elemento filho de Y. Por exemplo, um elemento <ul>
não pode ter um elemento filho <div>
.
8. Sequência de bytes mal formada. 2.89%
O documento não pôde ser analisado corretamente devido a caracteres malformados. Verificar a codificação do documento.
9. Um elemento <img> tem de ter um atributo "alt", exceto em determinadas condições. Para mais pormenores, consulte as orientações sobre o fornecimento de alternativas de texto para imagens. 1.56%
As etiquetas <img>
, utilizadas para incluir imagens num documento, requerem um atributo alt
para descrever o conteúdo da imagem. Isto é essencial para os usuários que não podem ver a imagem (como os usuários de leitores de ecrã), ou como um texto alternativo quando a imagem não pode ser exibida.
10. Possível utilização incorrecta de "aria-label". 1.48%
O atributo aria-label
é utilizado para definir uma string que rotula o elemento atual. Utilize-o nos casos em que uma etiqueta de texto não é visível no ecrã. Este atributo não funciona de forma consistente com todos os elementos HTML, pelo que o validador W3C alerta para uma possível utilização incorrecta.
Ready to validate your sites?
Start your trial today.