Solucionado (ver solução)
Solucionado
(ver solução)
3
respostas

<!DOCTYPE html>

Boa tarde, tudo bem ? Espero que sim :)

Eu gostaria de tirar uma dúvida sem estar relacionado com uma aula especifica , teria algum problema ?

Caso não tenha problema, gostaria de saber o que significa esse ponto de exclamação antes dessa declaração? Ele tem algum significado especifico e qual o peso dele ? Caso não o coloque em que pode interferir?

Caso tenha problema, desde já peço desculpas ..

3 respostas
solução!

Oi, Mayara! Tudo bem sim, espero que esteja tudo ótimo com você :)

Não há problema algum em tirar dúvidas mais específicas, inclusive esse hábito e curiosidade são excelentes para impulsionar o aprofundamento de seus conhecimentos!


 

Sobre o <!DOCTYPE>, essa é uma pergunta muito interessante. Vamos lá!

O <!DOCTYPE> é uma instrução que envia informações ao navegador sobre o tipo de documento html, e não uma tag, como podemos imaginar. Sua sintaxe (forma de escrita), exige que o ponto de exclamação apareça antes da instrução doctype, ou então ele não entenderá o comando. Uma coisa interessante do doctype é o fato de ser case insesitive , ou seja, se você escrever com letra maíscula ou minúscula o navegador irá compreender.

A escrita incorreta da instrução doctype pode gerar conflitos no css e a sua página html pode vir com alguns bugs. Isso ocorre poque o <!DOCTYPE> funciona informando que vamos utilizar a versão atual do HTML, que é a 5.

Vou inserir aqui a definição de doctype da documentação do MDN

No HTML, o doctype é a introdução "< ! DOCTYPE html >" encontrada no topo de todos os documentos. Seu único propósito é evitar que o browser mude para os chamados “quirks mode” quando renderizar um documento; isto é, o "" doctype garante que o browser faça um esforço na tentativa de seguir as especificações relevantes, em vez de usar um modo de renderização diferente e que seja incompatível com algumas especificações.

Há muitas versões do html e também outros tipos de arquivos para web, o <!DOCTYPE> surge por meio dessa necessidade de informar corretamente e padronizar formatação no ambiente web. Existe, por exemplo, um arquivo web mais antigo chamado de XHTML, já pensou a confusão que seria se a gente não soubesse quem é quem?

Sendo assim, sua pergunta consegue ir até para questões relacionadas a história do desenvolvimento web, e também compreender sobre os diferentes tipos de documentos html e outros arquivos utilizados para web. Acredito que vale a pena aprofundar o conteúdo e buscar mais conhecimento :)

 


 

Vou deixar aqui alguns links com um material super interessante sobre essa questão e espero que você goste:

Um artigo do Gabs sobre pra que serve o doctype: http://gabsferreira.com/pra-que-serve-a-tag-doctype-em-arquivos-html/

Documento sobre html da disciplina de desenvolvimento Web da IFSC: http://ehgomes.com.br/disciplinas/dwe/html-basico.php

Quirks Mode e Standards Mode:https://developer.mozilla.org/pt-BR/docs/Web/HTML/Quirks_Mode_and_Standards_Mode

Glossário sobre <!DOCTYPE>: https://developer.mozilla.org/pt-BR/docs/Glossary/Doctype

Espero que tenha conseguido ajudar você de alguma forma!

Em caso de dúvida e se quiser compartilhar seu progresso, estamos à disposição!

Um grande abraço e bons estudos!

Camila, muito obrigada :)

Vou acessar os links ! :)

O ponto de exclamação seria apenas um "guia" para a declaração.

Obrigada ^^

Fico muito feliz que tenha conseguido ajudar você, Mayara.

Sim, seria por essa linha mesmo. O ponto de exclamação, nesse caso, faz parte da sintaxe da linguagem de marcação html. Um pouco mais para frente você vai observar que cada linguagem possui uma forma única de "escrita" e que há alguns elementos próprios de suas características(você verá que o ponto de exclamação, para linguagem de programação tem outro significado, por exemplo :D ).

Vou deixar aqui mais um link com o conceito de sintaxe: Link para o conceito de sintaxe