HTML5 Tutorial

This is the beginning of what I hope will become a more extensive tutorial on HTML5. Although I hope in the long term to cover some of the advanced HTML5 topics that will be supported in upcoming browser releases, the main reason I put the tutorial together was to answer two questions of short-term importance:

  • What is the basic structure of an HTML5 document, and will this structure work in older browsers that know nothing of HTML5?
  • What new input types (sliders, color pickers, etc.) are available in HTML5, how do I use them, what browsers support them, and how can I use them in a way that will avoid problems in older browsers that know nothing of HTML5?

These two questions are answered in some detail in the first two sections below. I hope to add some of the more advanced topics in mid-to-late Spring, 2011. In the meantime, please send corrections and suggested improvements to hall@coreservlets.com.

Basic/Minimal Structure of an HTML5 Document

This page shows the minimal structure of an HTML5 document. The page also lets you click to get more details on each of the minimally-required element types, with an explanation of why it falls back gracefully in older browsers.

New Input Types in HTML5

This page covers the new input types defined in HTML5: sliders, number spinners, popup calendars, color choosers, autocompleting suggest boxes, and more. For each of these new input types, we present a high-level description, an overview of the syntax, a description of the main attributes, a summary of which current browsers support it, and an example you can experiment with in your browser. It also explains why you the input types fall back gracefully in old browsers, so you can start using them now.

Other New HTML5 Elements (Coming Soon)

Right now, the main entry is a tutorial on the HTML 5 input types, plus a small page showing the minimal structure of an HTML 5 document. I have many training courses scheduled in Spring 2011, but I hope to add this entry and some of the others starting in late February or early March.

Microdata Formats Honored by Google (Coming Soon)

Right now, the main entry is a tutorial on the HTML 5 input types, plus a small page showing the minimal structure of an HTML 5 document. I have many training courses scheduled in Spring 2011, but I hope to add this entry and some of the others starting in late February or early March.

Web Workers: Real Multithreading in JavaScript (Coming Soon)

Right now, the main entry is a tutorial on the HTML 5 input types, plus a small page showing the minimal structure of an HTML 5 document. I have many training courses scheduled in Spring 2011, but I hope to add this entry and some of the others starting in late February or early March.

New JavaScript Properties and Functions (Coming Soon)

Right now, the main entry is a tutorial on the HTML 5 input types, plus a small page showing the minimal structure of an HTML 5 document. I have many training courses scheduled in Spring 2011, but I hope to add this entry and some of the others starting in late February or early March.

Persistent Local Storage (Coming Soon)

Right now, the main entry is a tutorial on the HTML 5 input types, plus a small page showing the minimal structure of an HTML 5 document. I have many training courses scheduled in Spring 2011, but I hope to add this entry and some of the others starting in late February or early March.

Canvas and Drawing (Coming Soon)

Right now, the main entry is a tutorial on the HTML 5 input types, plus a small page showing the minimal structure of an HTML 5 document. I have many training courses scheduled in Spring 2011, but I hope to add this entry and some of the others starting in late February or early March.

Video without Plugins (Coming Soon)

Right now, the main entry is a tutorial on the HTML 5 input types, plus a small page showing the minimal structure of an HTML 5 document. I have many training courses scheduled in Spring 2011, but I hope to add this entry and some of the others starting in late February or early March.

Other Topics (Coming Soon)

Right now, the main entry is a tutorial on the HTML 5 input types, plus a small page showing the minimal structure of an HTML 5 document. I have many training courses scheduled in Spring 2011, but I hope to add this entry and some of the others starting in late February or early March.If you have opinions on which topics should come first, or on what other topics should be included, please email me at hall@coreservlets.com.

More Information

Java

Servlets & JSP

JSF
Ajax, GWT, & JavaScript

Spring, Hibernate, & JPA

Struts