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:
Some of the things we’ll be learning throughout this course:
Video and Audio
Drag and Drop
Working with Google Maps API.
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.
It has also been simplified and now, only character set information is enough.
CSS – Cascading Stylesheet
<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.
In HTML5 there is no need to write the type attribute with script tag.
1 2 3
<script> var name = "Technotip.com"; </script>
Introduction To HTML5
Upgrade your web pages to HTML5
To upgrade your web pages to HTML5 standards, simply make these small changes:
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.