Get Started With HTML 5

HTML5 is not a new technology which you should be scared of. There is really nothing in it except for a few new enhancements to an already existing language known as HTML.

To create an HTML5 document, all you need to do is add the following line at the top of your document

<!doctype html> before the

<html>

tag so that a sample page will have the following contents:

<!doctype html>
<html>
<head>
<meta charset=”utf-8″>
<meta http-equiv=”X-UA-Compatible” content=”IE=edge,chrome=1″>

<title></title>
<meta name=”description” content=”">
<meta name=”author” content=”">
<link rel=”stylesheet”  href=”css/jquery.mobile-1.0rc2.css” />
<meta name=”viewport” content=”width=device-width,initial-scale=1″>

<!– CSS concatenated and minified via ant build script–>
<link rel=”stylesheet” href=”css/style.css”>
<!– end CSS–>

<script src=”js/libs/modernizr-2.0.6.min.js”></script>

</head>

<body>

<div id=”container”>
<header>

</header>
<div id=”main” role=”main”>
<section style=”width:323px;margin:0 auto;”>
<img src=”img/logo21.png” />
</section>

</div>
<footer>
</footer>
</div> <!–! end of #container –>

</body>
</html>

 

Attached is a pdf which contains useful HTML5 tags which you should start using immediately. Remember: Most modern smartphones support HTML5 and that is the way, mobile apps are going to be developed in the future. So better start using HTML5 now!

Download the PDF

 

Leave a Comment

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code class="" title="" data-url=""> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre class="" title="" data-url=""> <span class="" title="" data-url="">