Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.Validação | Tags e Atributos
HTML Supremo
course content

Conteúdo do Curso

HTML Supremo

HTML Supremo

1. Desenvolvimento Web
Mundo WebO Que é a Internet?Entendendo como a Internet FuncionaComo um Site FuncionaDesenvolvimento Frontend vs Backend
2. Tags e Atributos
TagsAtributosTags Emparelhadas e ÚnicasMarcação de TextoDesafio 1: Marcação de TextoDesafio 2: Marcação de TextoDesafio 3: Marcação de TextoMarcação de Texto com Propósito EspecialDesafio: Marcação de Texto com Propósito EspecialValidação
3. Estrutura do Documento
Segredos das Páginas Web EstruturadasEstruturaCabeçalho do DocumentoFluxo do DocumentoDesafio: Estrutura do DocumentoFerramentas de Desenvolvedor
4. Mídias e Tabelas
A Magia das Mídias Interativas e Tabelas DinâmicasImagensDesafio: Imagens Imagens de Propósito EspecialFormatos GráficosIncorporação de Áudio e VídeoDesafio: Áudio e VídeoTabelasDesafio: Tabelas
5. Formulários
O Poder dos Formulários: Interagir e EngajarBase de Criação de FormuláriosLabel para Elemento de InputAtributos de InputTipos de InputDesafio: Input e LabelElemento TextareaElemento SelectElemento DatalistElementos de Formulário de Grupo

bookValidação

Cada sinal de pontuação, atributo e tag - o nome da tag, abertura, fechamento ou parêntese - é essencial no código. No entanto, pode ser difícil para iniciantes acompanhar tudo isso. Felizmente, validadores estão disponíveis para ajudar.

A validação tem como objetivo identificar erros de sintaxe na marcação de um documento HTML. Validadores são programas de software que podem realizar essas verificações. Após a validação, recebemos um resultado bem-sucedido ou uma lista de revisões sugeridas a serem feitas.

Nota

É importante salientar que os validadores não verificam a semântica. Em vez disso, concentram-se nos seguintes aspectos:

  • Sintaxe HTML: os validadores garantem que o código HTML segue as regras de sintaxe corretas;
  • Adesão aos padrões especificados: os validadores verificam se o código está conforme com os padrões estabelecidos de HTML, como o HTML5;
  • Correção na grafia das tags: os validadores verificam se as tags estão escritas corretamente;
  • Correção no uso dos atributos: os validadores asseguram que os atributos são usados corretamente dentro das tags HTML;
  • Correção na abertura e fechamento das tags: os validadores verificam se as tags estão abertas e fechadas corretamente;
  • Correção no aninhamento das tags: os validadores verificam se as tags estão adequadamente aninhadas dentro da estrutura HTML.

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

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

html

index

css

index

js

index

copy

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

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

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

html

index

css

index

js

index

copy

Ao fazer essas revisões, podemos melhorar a precisão e a validade do código HTML. Ferramentas de validação são essenciais para ajudar os desenvolvedores a identificar e corrigir erros de sintaxe na marcação HTML.

Um validador ...

Um validador ...

Selecione a resposta correta

Tudo estava claro?

Como podemos melhorá-lo?

Obrigado pelo seu feedback!

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