Web developer

Posts tagged ‘HTML 5’

Series – 2 HTML, HEAD, BODY

HTML 5 – As I Learn

Series – 2

HTML, HEAD, BODY

My first look at HTML 5, the basic elements or tags – HTML, HEAD and BODY


<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title>HTML5</title>

</head>

<body>

...

</body>

</html>

Looks rather slim and trim. So lets compare the same for the previous version –


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"

"http://www.w3.org/TR/html4/loose.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>HTML 4</title>

</head>

<body>

…

</body>

</html>

Wow! That means lot less to write. The declaration in the DOCTYPE tag are gone, only have to mention the type of document, which is html.

In the HTML tag no need to mention the xmlns attribute (namespace).

The META tag under HEAD tag also requires less – just the charset attribute for character set declaration. No need to mention the content is of type text/html – it is already mentioned in the DOCTYPE.

Now I questioned myself – what about language? Previously the language was mentioned in the DOCTYPEEN”. What happens in HTML 5?

A little search resulted in –


<!DOCTYPE html>

<html lang="en">

So in HTML5 we have to mention the language as an attribute (lang) to the HTML tag. The two letter language code is written in small.

Series – 1 Objective of this series

HTML 5 – As I Learn

Series – 1

Objective of this series

I have been listening to people saying that HTML 4 is replaced by HTML 5 and it’s a killer. Heard that it is about to kill Adobe Flash and Flex. Being a UI developer and an ActionScript developer at that, HTML 5 stood as a competing UI language. Hence, let me see what’s in HTML 5 and how good a killer is it.

From my previous knowledge of HTML, I gathered, learning HTML 5 will require a good understanding of

What is new in HTML 5?

How to use each new thing that came with HTML 5?

What old HTML things cannot be used any more?

and most importantly

What type of browser in-compatibility issues, may come up and how to manage them?

So, read some online tutorials, articles, code samples and got a lot confused. Therefore, the main objective of this series is to bring together all that I learn and in a manner that I can reference, at the time of actual development work.