Utilizei a tag
sem ter iniciado o documento com <!DOCTYPE html>. O resultado final foi o esperado. Qual é a função de !DOCTYPE ?
Solucionado
Utilizei a tag
sem ter iniciado o documento com <!DOCTYPE html>. O resultado final foi o esperado. Qual é a função de !DOCTYPE ?
Ele serve para evitar que o browser renderize o HTML de forma diferente ao que você quer. Cada browser renderiza o HTML seguindo o próprio padrão nativo. O DOCTYPE informa ao navegador qual padrão deverá seguir e com isso permite o perfeito funcionamento da página, sem nenhum bug.
O "<!DOCTYPE html> " serve para informar ao browser qual versão de HTML ele deve renderizar. No caso de <!DOCTYPE html> é a versão do HTML5. Antes do HTML5 a declaração do DOCTYPE era bem extensa e possuía diversas opções, ex:
transicional
<!DOCTYPE HTML PUBLIC \"-//W3C//DTD HTML 4.01 Transitional//EN\"
frameset
<!DOCTYPE HTML PUBLIC \"-//W3C//DTD HTML 4.01 Frameset//EN\" \"http://www.w3.org/TR/html4/frameset.dtd\">
html estrito
<!DOCTYPE HTML PUBLIC \"-//W3C//DTD HTML 4.01//EN\" \"http://www.w3.org/TR/html4/strict.dtd\">
Caso o "<!DOCTYPE não seja informado o browser ira interpretar o código em modo de compatibilidade, o que pode causar erros caso ele renderize em HTML4 o seu código de HTML5.
<!DOCTYPE html> = Navegador, use a versão mais nova do HTML para renderizar esta página.