Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Aprenda Validando Seu Código HTML para Melhores Práticas | Tags e Atributos HTML
HTML Definitivo

bookValidando Seu Código HTML para Melhores Práticas

Escrever HTML exige atenção a cada tag, colchete e atributo. Para iniciantes, é fácil deixar passar pequenos detalhes, e é por isso que existem validadores de HTML.

Os validadores verificam seu código em busca de erros de sintaxe e ajudam a corrigir problemas antes que causem complicações.

Note
O que os Validadores Verificam

Os validadores não verificam o significado (semântica). Eles se concentram apenas em saber se sua marcação segue as regras do HTML:

  • Sintaxe correta de HTML;
  • Conformidade com os padrões HTML (como HTML5);
  • Nomes de tags e ortografia corretos;
  • Uso correto de atributos;
  • Tags devidamente abertas e fechadas;
  • Aninhamento correto (elementos colocados na ordem certa).

Vamos usar um validador online popular chamado W3C Markup Validation Service para praticar a validação. Abra o seguinte link em uma nova aba clicando nele: Validator

Agora, vamos validar um trecho de código juntos. Copie o código fornecido abaixo para fins de teste:

index.html

index.html

copy

Cole o código na janela do validador entre as tags de abertura e fechamento <body>. Em seguida, clique no botão "Check".

Os erros identificados pelo validador devem ser corrigidos na ordem em que são listados. Embora a correção dos avisos seja opcional, analisá-los e garantir uma marcação de alta qualidade é uma boa prática.

Vamos corrigir todos os erros no exemplo de código:

index.html

index.html

copy

Ao corrigir a ordem das tags e fechar todos os elementos corretamente, o código se torna válido e mais fácil de ser interpretado pelos navegadores.

question mark

Validador ...

Select the correct answer

Tudo estava claro?

Como podemos melhorá-lo?

Obrigado pelo seu feedback!

Seção 2. Capítulo 12

Pergunte à IA

expand

Pergunte à IA

ChatGPT

Pergunte o que quiser ou experimente uma das perguntas sugeridas para iniciar nosso bate-papo

Suggested prompts:

What are some common HTML validation errors beginners make?

Can you explain the difference between errors and warnings in the validator?

How do I fix the errors shown in the validator screenshot?

bookValidando Seu Código HTML para Melhores Práticas

Deslize para mostrar o menu

Escrever HTML exige atenção a cada tag, colchete e atributo. Para iniciantes, é fácil deixar passar pequenos detalhes, e é por isso que existem validadores de HTML.

Os validadores verificam seu código em busca de erros de sintaxe e ajudam a corrigir problemas antes que causem complicações.

Note
O que os Validadores Verificam

Os validadores não verificam o significado (semântica). Eles se concentram apenas em saber se sua marcação segue as regras do HTML:

  • Sintaxe correta de HTML;
  • Conformidade com os padrões HTML (como HTML5);
  • Nomes de tags e ortografia corretos;
  • Uso correto de atributos;
  • Tags devidamente abertas e fechadas;
  • Aninhamento correto (elementos colocados na ordem certa).

Vamos usar um validador online popular chamado W3C Markup Validation Service para praticar a validação. Abra o seguinte link em uma nova aba clicando nele: Validator

Agora, vamos validar um trecho de código juntos. Copie o código fornecido abaixo para fins de teste:

index.html

index.html

copy

Cole o código na janela do validador entre as tags de abertura e fechamento <body>. Em seguida, clique no botão "Check".

Os erros identificados pelo validador devem ser corrigidos na ordem em que são listados. Embora a correção dos avisos seja opcional, analisá-los e garantir uma marcação de alta qualidade é uma boa prática.

Vamos corrigir todos os erros no exemplo de código:

index.html

index.html

copy

Ao corrigir a ordem das tags e fechar todos os elementos corretamente, o código se torna válido e mais fácil de ser interpretado pelos navegadores.

question mark

Validador ...

Select the correct answer

Tudo estava claro?

Como podemos melhorá-lo?

Obrigado pelo seu feedback!

Seção 2. Capítulo 12
some-alt