Quirks Mode ?? | Lógica de programação | Alura

Quirks Mode ??

Bom dia Pessoal !! Esta é minha duvida, já fiz a correção sugerida que é incluir ' e de nada adiantou, fui mais além pesquisando soluções também nada adiantou. Por consequência disto não consigo visualizar as bandeiras no navegador chrome alguém saberia solucionar??

One or more documents in this page is in Quirks Mode, which will render the affected document(s) with quirks incompatible with the current HTML and CSS specifications.

Quirks Mode exists mostly due to historical reasons. If this is not intentional, you can add or modify the DOCTYPE to be <!DOCTYPE html> to render the page in No Quirks Mode. 1 elemento O documento está na árvore do DOM Modo URL document Quirks Mode file:///C:/Users/iroqu/Desktop/L%C3%B3gica/trocando_bandeiras.html

Olá, tudo certo?

Perdão pela demora em obter uma resposta.

Antes de tudo, vou te explicar o que é o Quirks Mode e o Standard Mode em que as páginas da web são mostradas. O modo padrão (Standard Mode) mostra a página renderizada (ou seja, o jeito que o conteúdo é mostrado, o layout) do modo ideal para o seu navegador atual. Já no Quirks Mode, não é bem assim. Ele foi um modo criado para manter algumas páginas mais antigas, na época do antigo Internet Explorer. E essa mensagem de erro aparece quando não definimos o tipo de documento que estamos trabalhando, neste caso, o html.

Há dois modos de corrigir esse problema. O primeiro é você inserir uma linha de código na primeira linha do arquivo, que irá dizer ao navegador o tipo de documento que ele irá trabalhar, como mostro abaixo:

<!DOCTYPE html>

O Google Chrome (atualizado) suporta essa declaração, e, inclusive, quando você vê o código-fonte da página (pressione CTRL + U), a primeira coisa que aparece é o código citado acima.

Caso essa forma não funcione, há outra maneira: desinstalando as extensões. Algumas delas ativam o Quirks Mode, e pode ter sido o seu caso.

Espero que sua dúvida tenha sido sanada. Se precisar, estamos à disposição.

Bons estudos!

Caso este post tenha lhe ajudado, por favor, marcar como solucionado! ✓.