Tips and Notes
Tip: The <!DOCTYPE> declaration is NOT case sensitive.
Tip: To check if the HTML of your Web documents is valid, go to W3C's
validation service.
Common DOCTYPE Declarations
HTML 5
<!DOCTYPE html>
Differences Between HTML 4.01 and HTML5
There are three different <!DOCTYPE> declarations in HTML 4.01. In HTML5
there is only one:
Definition and Usage
1. The <!DOCTYPE> declaration must be the very first thing in your HTML
document, before the <html> tag.
2. The <!DOCTYPE> declaration is not an HTML tag; it is an instruction to
the web browser about what version of HTML the page is written in.
3. In HTML 4.01, the <!DOCTYPE> declaration refers to a DTD, because
HTML 4.01 was based on SGML. The DTD specifies the rules for the
markup language, so that the browsers render the content correctly.
4. HTML5 is not based on SGML, and therefore does not require a reference
to a DTD.
5. Tip: Always add the <!DOCTYPE> declaration to your HTML documents,
so that the browser knows what type of document to expect.
6.
<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
</head>
<body>
The content of the document......
</body>
</html>
<html>
<head><title>div</title></head>
<body>
<div style="background-color:lightblue">
<h3>This is a heading</h3>
<p>This is a paragraph.</p>
</div>
<div style="background-color:lightpink">
<h3>This is a heading</h3>
<p>This is a paragraph.</p>
</div>
</body>
</html>
<!DOCTYPE html>
<html>
<body>
<!-- This is a comment -->
<p>This is a paragraph.</p>
<!-- Comments are not displayed in the browser -->
</body>
</html>