This code:

represents a minimum, acceptable web-page according to the W3C which is the organisation that sets the standards for the World Wide Web, or as we call it, the Internet.
In another Tutorial, you can learn about the html code, but in this Tutorial, I wish to emphasis the importance of the DTD or Document Type Declaration, the first line in the sample code above.

What it does is tells the Browser that a certain set of rules are to be applied to this page when the Browser renders the document. In this case, the author expects the Browser to use the rules as defined by the W3C for their Html 4.0 Strict documents and the rules are available at the link described in the DTD. (http://www.w3.org/TR/html4/strict.dtd). This ruleset is public as declared in the DTD.

The importance of using a DTD is that 'most' Browsers will display the document in a specific manner, according to the rules as defined by the DTD in use. Of course, there are exceptions and we all know the Browser by name , but let's not get into Browser wars here.

Without using a DTD, or using an incorrect one for the code you insert in the page, the Browser will be forced to interpret the code in a manner it deems appropriate, regardless of the known standards, so there will be a larger variation in the Browser rendering of the page in 'Quirks' mode. Without the DTD, each Browser uses its own set of rules and the output can be different in each Browser, so if you are experienceinfg difficulties with cross-browser rendering, also ensure the DTD used in a page is a correct, valid one for the code you have used on the page. The DTD used above is html4.0 Strict. If you intend on using it, ensure your code does not include elements which are invalid for that standard, or expect the Browser to display your page in Quirks Mode, and unpredictable results may occur.

There are, of course, other DTD's and a good source of them is at the W3C site.

Any questions, post here and I will do my best to answer them.

 

 

 

Reply