0% Concluído
0/0 Steps
  1. Introdução ao HTML
    3 Tópicos
    |
    1 Teste
  2. Configuração do Ambiente de Desenvolvimento
    3 Tópicos
    |
    1 Teste
  3. Estrutura Básica de um Documento HTML
    2 Tópicos
    |
    1 Teste
  4. Elementos HTML
    5 Tópicos
    |
    1 Teste
  5. Atributos HTML
    2 Tópicos
    |
    1 Teste
  6. Links HTML
    3 Tópicos
    |
    1 Teste
  7. Imagens HTML
    2 Tópicos
    |
    1 Teste
  8. Tabelas HTML
    3 Tópicos
    |
    1 Teste
  9. Formulários HTML
    5 Tópicos
    |
    1 Teste
  10. Elementos Semânticos HTML5
    2 Tópicos
    |
    1 Teste
  11. Multimídia HTML5
    2 Tópicos
    |
    1 Teste
  12. Compreendendo Iframes em HTML5
    1 Tópico
    |
    1 Teste
  13. Gráficos HTML5
    1 Tópico
    |
    1 Teste
  14. APIs HTML5 e JavaScript
    2 Tópicos
    |
    1 Teste
  15. Acessibilidade HTML
    2 Tópicos
    |
    1 Teste
  16. SEO e HTML
    2 Tópicos
    |
    1 Teste
  17. Boas Práticas e Convenções em HTML
    2 Tópicos
    |
    1 Teste
  18. Publicando seu site na web
    2 Tópicos
    |
    1 Teste
  19. Projeto Final
    1 Tópico
  20. Encerramento
Módulo Progresso
0% Concluído

Título da Aula: Doctype HTML5

Introdução

Olá e bem-vindo à nossa aula sobre Doctype HTML5! Nesta aula, vamos explorar o que é o Doctype, por que é importante e como usá-lo em seus documentos HTML. Então, vamos começar!

Corpo da Aula

O Doctype, ou tipo de documento, é uma declaração que deve ser a primeira coisa em um documento HTML. Ele informa ao navegador qual versão do HTML o documento está usando. Isso é importante porque diferentes versões do HTML têm diferentes regras e recursos, e o navegador precisa saber qual conjunto de regras seguir ao interpretar o documento.

Para HTML5, a declaração do Doctype é muito simples:

<!DOCTYPE html>

Essa linha deve ser a primeira coisa em seu documento HTML, antes da tag <html>.

Aqui está um exemplo de como um documento HTML5 completo pode parecer:

<!DOCTYPE html>
<html>
<head>
    <title>Título da Minha Página</title>
    <link rel="stylesheet" href="styles.css">
</head>
<body>
    <h1>Olá, mundo!</h1>
    <p>Bem-vindo à minha página web.</p>
</body>
</html>

Você pode estar se perguntando por que precisamos do Doctype se estamos sempre usando HTML5. A razão é que o HTML tem uma longa história e muitas versões diferentes, e os navegadores precisam ser capazes de interpretar todas elas. A declaração do Doctype garante que o navegador saiba que está lidando com HTML5 e pode usar todas as suas regras e recursos.

Conclusão

E aí está! Agora você sabe o que é o Doctype, por que é importante e como usá-lo em seus documentos HTML. Na próxima aula, vamos começar a explorar a estrutura básica de um documento HTML e como as tags HTML são usadas para criar a estrutura e o conteúdo de uma página web. Até lá, certifique-se de que todos os seus documentos HTML começam com a declaração do Doctype!