HTML5 offers up some very interesting ways of arranging pages now.  In previous version of HTML we separated pages elements like the header, navigation, body, and footer by using a <div> tag.  At the time, <div> tags were considered by many to be the best development HTML had offered up in recent years.  <div> tags allowed the developer to create sections of pages without the need for tables.  By incorporating stylesheets into the mix some amazing combinations could be created.

When the developers of HTML5 sat down and analyzed the most common names of <div> tags they realized that we were all using the same naming conventions.  We would name our <div> tags by the location on the page.  IE:  Header, Navigation, Body, Footer, and so on.  In particular, HTML5 adds many new features. These include the <video>, <audio>, <header> and <canvas>.

Previously we used in HTML:

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
<html xmlns=”http://www.w3.org/1999/xhtml”>
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=iso-8859-1″ />
<title>Untitled Document</title>
</head>
<body>
</body>
</html>

Now we will use in HTML5:

<!doctype html>
<html lang=”en”>
<head>
<meta charset=”utf-8″ />
<title>HTML5 Document</title>
</head>
<body>
</body>
</html>

Latest posts by arindam

  • Share/Bookmark