continue
Step 1. What is HTML5?

  • It's the newest iteration of HTML.
  • It's streamlined markup.
  • It's embedded audio and video.
  • It's a new era of forms.
  • It's usable now.
  • Click the arrow to the right to begin.
audiovideo
mobiletype

backcontinue
Step 1.2 Who is this for?
This course is designed for people who already have a basic understanding of HTML4 or XHTML. If that seems like a steep request, Then maybe this might be a better place to start.

HTML5 isn't an entirely new language, which means having a basic understanding of HTML syntax and structure is important to succeeding in this course. If this sounds good, lets look at some of the differences in HTML5.
tattoo

backcontinue
Step 1.3 Differences.
The HMTL5 doctype is far more simplistic than in the past:

<!doctype html>


Another tag that went on a diet is the <script> tag. No longer is the "type" attribute needed, it is now:

<script src="file.js"></script>


This is also true for the <link> tag.
simple

backcontinue
Step 1.4 Mark it up how you want.
In HTML5, you can write your markup however you like. Uppercase or lowercase, self closing or not - it doesn't matter. This doesn't mean you should be start writing bad markup, it just means that validating is a much more lax process than in the past.

Also, to give web browsers a new way of understanding your content, there are new dividing elements such as <header>, <nav>,<section>,<article>, and <footer>.
structure

backcontinue
Step 1.5 Neat, where is the cool stuff?
The real goodies of HTML5 lie in javascript APIs that allow all sorts of cool stuff like:
  • Audio & Video
  • Local Storage
  • Drag & Drop
  • Geolocation (mobile)
This list will keep building as more and more people start embracing these tools. Let's take a look at how to use audio and video in HTML5.
iphone