CODEWITHSUNDEEP
htmlcssdoctype
easwee
easwee

Reputation: 15905

Does HTML5 DOCTYPE affect how CSS3 effects are rendered?

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.

Upvotes: 7

Views: 6841

Answers (4)

thirtydot
thirtydot

Reputation: 228182

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 tables. Another is the treatment of heading elements nested inside certain HTML5 elements.

Upvotes: 10

desbest
desbest

Reputation: 4896

Yes it does, and I can tell you that from personal experience.

HTML pages which consist of sliced tables that have no cellpadding and cellspacing, fail to work with a HTML5 doctype. I had to use HTML4 transitional.

HTML pages that use grid layout systems can sometimes work better with a HTML5 doctype. I find that the Tiny Fluid Grid does not work with a HTML4 transitional doctype.

Upvotes: 0

johnmdonahue
johnmdonahue

Reputation: 653

The doctype shouldn't affect this but there are libraries to help you determine what features are available to you in a particular client like Modernizr.

Upvotes: 0

Rauzippy
Rauzippy

Reputation: 61

I think that HTML5 implies in itself that the CSS improves in readibility, nothing else.

Upvotes: 0

Related Questions