Basic HTML 5

This page is designed as an easy introduction for web designers interested in the basic format of HTML 5. As HTML 5 is still in development please let us know if you think there are any inaccuracies in the text below. For more exhaustive info please visit the W3C site at www.dev.w3.org/html5/spec/Overview.html

Basic Web Page Format:
The basic structure is as follows. CSS stylesheets are a requisite of valid HTML5.

<!DOCTYPE html>
<HTML>
<HEAD>
<meta charset="UTF-8"> (or whatever is more appropriate for your site)
<TITLE>your site title</TITLE>
<LINK rel="stylesheet" type="text/css" href="stylesheet.css">
</HEAD>
<BODY>

<HEADER> <H1>your main visible title for the page </H1> </HEADER> (may possibly be used by search engines in future)

<NAV> navigation links or buttons </NAV> (may possibly be ignored by search engines in future for search results)

<SECTION> main descriptive text </SECTION> (different sections can be created in a page and given an id)

<TABLE class="whatever"><TR><TD> (all table instructions should be within the CSS stylesheet)
<img src="whatever.jpg" width="200" height="100" alt="whatever"> (border and alignment are now set in the CSS)
<DIV class="center"><SPAN class="c1"> whatever text </SPAN></DIV> (some tags such as <center> are no longer valid)
</TD></TR></TABLE>
</BODY>
</HTML>

The DocType is much simplified and CSS stylesheets help to keep the page code to a minimum. The page is now seperated into distinctive areas such as HEADER (which should contain your main title using the H1 etc tags). The opening and closing SECTION tags are used to surround the text you feel is important to the page. It's possible at some point that search engines will start to view the page based on all these tags, so it could be very useful. The NAV tags define all your links to other pages.

There are many other tags but we hope the above will get you up and running with validated HTML 5 - you can check at www.validator.w3.org/

check this page validates for html5