HTML5 – Getting Started Guide

Advertisement:

This video tutorial teaches how to start with HTML5.
Some basic changes that you need to know before starting to learn HTML5.

Technologies involved to learn HTML5:
Javascript API.
CSS3.
HTML5.

html5-features

Some of the things we’ll be learning throughout this course:
New Elements
New Attributes
CSS3 Selectors
Rounded Corners
Shadow Effects
Video and Audio
2D/3D Graphics
Local Storage
offline caching
web workers
Drag and Drop
Geolocation
Working with Google Maps API.
Forms
Sockets
Canvas ..etc

HTML5 File
index.html

1
2
3
4
5
6
7
8
9
10
< !doctype html>
<html>
 <head>
  <title>HTML5 Tutorials: from Technotip</title>
  <meta charset="UTF-8"/>
 </head>
 <body>
  <p>This is a video tutorial sponsored by or produced by Technotip.com</p>
 </body>
</html>

Doctype: no more Googling or copy pasting or relying on your fancy text editors to get the clumsy looking doctypes. With HTML5, the doctype has been simplified and is easy to remember.

Doctypes for HTML6, HTML7 ?
The doctype will stay the same for HTML5, HTML6, HTML7, HTML8, HTML9, HTML10, HTML11, HTML12 etc 🙂 This is a promise from W3C.

Previous HTML versions(like xHTML, HTML4, HTML4.0.1 etc) depended on SGML, but HTML5 and onwards it doesn’t depend on SGML. When the browser parses the first line(i.e., the doctype of HTML5), it’ll execute in HTML5 standards mode.

By using a doctype the browser is able to be more precise in the way it interprets and renders your pages. If you don’t specify any doctype, it still works, but it may cause the browser to render things wrongly. And it may take more time for the browser to fail gracefully, after trying to figureout all possible ways to parse the tags and to try its best to present your web pages properly.

Meta tag
It has also been simplified and now, only character set information is enough.

CSS – Cascading Stylesheet

1
 <link rel="stylesheet" href="style.css"/>

In HTML5 there is no need to write the type attribute with link tag.
Because CSS has been declared as the standard and default style for HTML5.

JavaScript

1
 <script src="myScript.js"></script>

In HTML5 there is no need to write the type attribute with script tag.
Because JavaScript has been declared as the standard and default scripting language for HTML5.

Embeded JavaScript

1
2
3
 <script>
	var name = "Technotip.com";
 </script>

If you’re writing embeded javascript, then you can simply start with a opening script tag and a closing script tag. Here too, you need not specify the type attribute.

Introduction To HTML5


You need to a flashplayer enabled browser to view this YouTube video

YouTube Link: http://www.youtube.com/watch?v=cBW5PUiAG7s [Watch the Video In Full Screen.]



Upgrade your web pages to HTML5
To upgrade your web pages to HTML5 standards, simply make these small changes:
1. doctype.
2. remove type attribute from link and script tags.
3. remove and if needed replace deprecated tags(will discuss in coming video tutorials) from your website.

Use validator.w3.org tool to check your webpage.

Advertisements

1 thought on “HTML5 – Getting Started Guide”

Leave a Reply

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