HTML 5 Page Structure & Tags
67Require: Basic of HTML & CSS
The HTML5 is new and has more tags to learn. Here is the guideline starting with the HTML5 Page Structure for a quick understanding.
If you are familiar with HTML & CSS, then HTML5 page structure is the same. You will see the tags of HTML5 to add to the page as well.
You can use any text editor and here are the simple HTML5 Tags to add to the page.
<!DOCTYPE html> - Defines the HTML5 document type
<html dir="ltr" lang="en-US"> - languges
<head>
<meta charset="utf-8">
<title>HTML5</title>
</head>
<body>
<header>
<nav></nav> - links to the top-level of the pages
</header>
<section> - grouping of the content
<article> - self- content of the page
<figure></figure> - add images, embedded audio or video
</article>
</section>
<aside></aside> - or sidebar
<footer></footer>
</body>
How to Create HTML5 Page Layout with Dreamweaver CS5.X
1. Go to New Document>Blank Page>page type-HTML>layout-HTML5 : 2 column fixed or 3 column fixed then select the DocType and layout CSS>Create
2. Split between the code and design, you can edit or add more codes/tags here.
In addition, here are some more Tags References to add in your pages:
 | Amazon Price: $23.52 List Price: $44.99 |
 | Amazon Price: $14.97 List Price: $39.99 |
 | Amazon Price: $35.99 |
 | Amazon Price: $31.99 |
