Is there any difference how the css3 effects (for example animation) are rendered if the doctype is defined as
<!DOCTYPE html>
(html5)
or as let's say common
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
How do different doctypes affect css rendering (except running quirks mode that is know to render differently)?
Samples appreciated.
There is almost no difference* between those two doctypes in terms of CSS rendering.
The choice of doctype only affects validation, and which "browser mode" is used out of "Quirks Mode", "Standards Mode" ("no quirks mode"), "Almost Standards Mode" ("limited quirks mode").
See: http://hsivonen.iki.fi/doctype/
So, XHTML 1.0 Transitional
gives "Almost Standards Mode", whereas <!DOCTYPE html>
gives "Standards Mode".
*One difference is a minor and easily fixable adjustment concerning table
s. Another is the treatment of heading elements nested inside certain HTML5 elements.
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With