A great !DOCTYPES resource

Doctypes table showing information about how browsers support different codes

Whenever I’m developing a new website and I encounter something that just doesn’t look right when I compare how it renders on different browsers, one of the first things that I check is the !DOCTYPE of the document.

There’s been a major push in recent years for websites to validate, that is the code behind them should be written to a standard, that follows the proper rules as set by the World Wide Web Consortium (W3C). And one of the conditions for a webpage to validate is that it contains the correct Doctype for the kind of page that it is presenting. The Doctype essentially tells the browser which rules to follow when rendering a page on the screen. (And you thought that web browsers were simple pieces of software!)

Besides the Doctype list at W3C I’ve found this page to be very useful: Doctypes and their respective layout mode.

The page author, Matthias Gutfeldt, has presented a very useful, usable table indicating how different web browsers handle each Doctype declaration. I have ‘printed’ this page to PDF to keep on my PC as a resource, even when I’m not connected to the Net — I’ve copied it to my Psion too. A fine resource.

Published by

Gareth Saunders

I’m Gareth J M Saunders, 52 years old, 6′ 4″, father of 3 boys (including twins). Enneagram type FOUR and introvert (INFP), I am a non-stipendiary priest in the Scottish Episcopal Church, I sing with the NYCGB alumni choir, play guitar, play mahjong, write, draw and laugh… Former Scrum master at Safeguard Global, Sky and Vision/Cegedim. Former web architect and agile project manager at the University of St Andrews and previously warden at Agnes Blackadder Hall.

2 thoughts on “A great !DOCTYPES resource”

  1. Whoah, a blast from the past :-). It’s nice to see the document is still useful even though I haven’t updated it for years. And it’s amazing that the Doctype Switch still causes problems.

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.