<!–

main_leaderboard, all: [728,90][970,90][320,50][468,60]

–>

Declaração HTML <!DOCTYPE>

Este post discutirá Tag Doctype com exemplos e referências relevantes. Este post contém muitas informações que você pode usar como uma ferramenta de aprendizado.

O seguinte é um exemplo de um Tag Doctype :

Example

1
2
3
4
5
6
<!DOCTYPE html>
<html>
<head>
<title>Title of the Html document</title>
</head></html>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Aqui está outro exemplo do HTML <!DOCTYPE>:

Example: 

1
2
3
4
5
6
7
8
9
10
<!DOCTYPE html>
<html>
<head>
<title>Example</title>
</head>
<body>
<h1>Hello World!</h1>
</body>
</html>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Exemplo de Explicação

O código consiste em diferentes partes que são as seguintes:

  • <!DOCTYPE html> é uma declaração que especifica a versão do HTML que está sendo utilizada no documento, neste caso, é HTML5.
  • <html> marca o início do documento HTML e contém todo o conteúdo da página da web.
  • <head> define o início da seção head do documento. Esta seção geralmente contém informações sobre o documento, como o título da página.
  • <title> Exemplo</title> especifica o título do documento, que aparece na barra de título do navegador.
  • </head> marca o final da seção de cabeçalho do documento.
  • <body> define o início da seção do corpo do documento, que contém o conteúdo principal da página da web.
  • <h1> Hello World!</h1> é uma tag de título que define títulos em uma página da web. É o cabeçalho de nível superior e exibe o texto “Hello World!”.
  • </body> marca o final da seção do corpo do documento.
  • </html> marca o final do documento HTML.


Uso e Definição

É um requisito que todos os documentos HTML comecem com a tag <!DOCTYPE> .

Declarações não são tags HTML . Diz ao navegador que tipo de documento vai receber.

No HTML 5, a declaração do Tag Doctype é a seguinte:

<!DOCTYPE html>

Compatibilidade do navegador

Elemento
<!DOCTYPE> Sim Sim Sim Sim Sim

Documentos HTML anteriores

Não era fácil declarar em documentos XHTML ou HTML 4 porque requer uma declaração que se refere a um DTD (Document Type Definition).

HTML 4.01:

<!DOCTYPE HTML PUBLIC “-//mrc//DTD HTML 4.01 Transitional//EN” “https://mrexamples.com/TR/html4/loose.dtd”>

XHTML 1.1:

<!DOCTYPE html PUBLIC “-//mrc//DTD XHTML 1.1//EN” “https://mrexamples.com/TR/xhtml11/DTD/xhtml11.dtd”>

Tipos de documentos e elementos HTML

Você pode visualizar nossa tabela de todos os elementos HTML em Tag Doctype e ver qual é o Doctype de cada elemento.


LEMBRETES e TRUQUES

Dica : Observe que a declaração <!DOCTYPE> não diferencia maiúsculas de minúsculas.

Examples

1
2
3
<!DOCTYPE html>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Importância do HTML <!DOCTYPE>

A declaração HTML <!DOCTYPE> é um elemento importante de um documento HTML, pois especifica a versão do HTML que está sendo usada e as regras que o navegador deve usar para renderizar a página.

A declaração <!DOCTYPE> é sempre a primeira linha em um documento HTML e informa ao navegador em qual versão do HTML o documento foi escrito. Essa informação é importante porque versões diferentes de HTML podem ter regras e sintaxe diferentes, portanto, o navegador precisa saber qual versão está sendo usada para renderizar a página corretamente.

Além de especificar a versão HTML, a declaração <!DOCTYPE> também informa ao navegador se o documento deve ser renderizado no modo padrão ou no modo quirks. O modo padrão é o modo padrão e é usado quando a declaração <!DOCTYPE> está presente e é válida. O modo Quirks, por outro lado, é usado quando não há declaração <!DOCTYPE> ou se a declaração é inválida.

Usar a declaração <!DOCTYPE> corretamente pode ajudar a garantir que seu código HTML seja interpretado corretamente por diferentes navegadores e dispositivos. Também é uma etapa importante para tornar seu código mais acessível e compatível com os padrões da web.


Se você achar este artigo útil, compartilhe essas informações significativas com seus amigos clicando nos links abaixo.
Nós valorizamos o seu feedback.
+1
0
+1
0
+1
0
+1
0
+1
0
+1
0
+1
0

Assine a nossa newsletter
Digite seu e-mail para receber um resumo semanal de nossos melhores posts. Saber mais!
ícone