Wednesday, April 18, 2012

HTML Advanced tutorial 18 : HTML Doctypes

A doctype declaration refers to the rules for the markup language, so that the browsers render the content correctly. For example

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Title</title>
</head>
<body>
The content of Page here.
</body>
</html>

The above HTML document contains doctype of HTML 4.01 Transitional:

Different Doctypes
The doctype declaration is not an HTML tag, it is an instruction to the web browser about what version of the markup language the page is written in. The doctype declaration refers to a Document Type Definition (DTD). The DTD specifies the rules for the markup language, so that the browsers render the content correctly. The doctype declaration should be the very first thing in an HTML document, before the <html> tag. Always add a doctype to your pages. This helps the browsers to render the page correctly!

HTML 4.01 Strict
This DTD contains all HTML elements and attributes, but does NOT INCLUDE presentational or deprecated elements e.g font and center etc. Framesets are not allowed in this Doctype. For example

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">


HTML 4.01 Transitional
This DTD contains all HTML elements and attributes, INCLUDING presentational and deprecated elements e.g font etc. Framesets are not allowed.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

HTML 4.01 Frameset
This DTD is equal to HTML 4.01 Transitional, but allows the use of frameset content.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"
"http://www.w3.org/TR/html4/frameset.dtd">

HTML DOCTYPE Element

Tag                     Description
<!DOCTYPE>     Defines the document type. This declaration goes before the <html> start tag

HTML Advanced tutorial 19 : HTML Styles  >>
<<  HTML Advanced tutorial 17 : HTML Layouts

No comments:

Post a Comment