Starting an HTML5 page the right way

Let's start right at the beginning of an HTML5 document. Screw this part up and you could spend a long time wondering why your page doesn't behave as it should. The first few lines should look something like this:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset=utf-8>

Let's go through these tags one by one. Generally, they will be the same every time you create a web page but trust me, it's worth understanding what they do.

The doctype

The doctype is a means of communicating to the browser the type of document we have. Otherwise, it wouldn't necessarily know how to use the content within it.

We opened our document with the HTML5 doctype declaration:

<!DOCTYPE html>

If you're a fan of lowercase, then <!doctype ...

Get Responsive Web Design with HTML5 and CSS3 - Second Edition now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.