Course Content
Laying out a Page with HTML5
- Page Structure
- New HTML5 Structural Tags
- Page Simplification
How We Got Here
- The Problems HTML 4 Addresses
- The Problems XHTML Addresses
- The New More Flexible Approach of HTML5 - Paving the Cowpaths
- New Features of HTML5
- The HTML5 Spec(s)
- Current State of Browser Support
Sections and Articles
- The section Tag
- The article Tag
- Outlining
- Accessibility
Audio and Video
- Supported Media Types
- The audio Element
- The video Element
- Accessibility
- Scripting Media Elements
- Dealing with Non-Supporting Browsers
Forms
- Modernizr
- New Input Types
New Form Attributes
- autocomplete
- novalidate
New Form Field Attributes
- required
- placeholder
- autofocus
- autocomplete
- form
- pattern
New Form Elements
- datalist
- progress and meter
Web Storage
- Overview of HTML5 Web Storage
- Web Storage
- Other Storage Methods
Canvas
- Getting Started with Canvas
- Drawing Lines
- Color and Transparency
- Rectangles
- Circles and Arcs
- Quadratic and Bezier Curves
- Images
- Text
Integrated APIs
- Offline Application API
- Drag and Drop API