<DOCTYPE html> versus <html> - problemas de renderização firefox e chrome

Question

Oct 13, 2012, 07:33 AM

<DOCTYPE html> versus <html> - problemas de renderização firefox e chrome

tem usado nãoDOCTYPE mas sim simplesmente começando com<html> de acordo com os padrões HTML5 (como eu os entendi). tudo vai bem.

começou a usarJade, que insiste emDOCTYPE. usando<!DOCTYPE html> - páginas não são mais renderizadas corretamente (?).

como um exemplo fácil e trivial (o comportamento é o mesmo no firefox e no chrome):

<html>
    <body >
        <div style='height:50%; background-color:pink;'></div>
        <div style='height:50%; background-color:blue;'></div>
    </body>
</html>

render bem - tem página rosa, meio azul

<!DOCTYPE html>
<html>
    <body >
        <div style='height:50%; background-color:pink;'></div>
        <div style='height:50%; background-color:blue;'></div>
    </body>
</html>

faz duas DIVs magras que você não pode ver.

o que está acontecendo?pensamentoDOCTYPE estava sendo preterido por HTML5o que eu deveria estar fazendo?