Introduction – Dive Into HTML 5 – Fantastic introduction and overview

You are here: Home Dive Into HTML 5

Introduction

show table of contents

Diving In

What is HTML5? HTML5 is the next generation of HTML, superseding HTML 4.01, XHTML 1.0, and XHTML 1.1. HTML5 provides new features that are necessary for modern web applications. It also standardizes many features of the web platform that web developers have been using for years, but which have never been vetted or documented by a standards committee. (Would it surprise you to learn that the Window object has never been formally documented? In addition to the new features, HTML5 is the first attempt to formally document many of the “de facto” standards that web browsers have supported for years.)

Like its predecessors, HTML5 is designed to be cross-platform. You don’t need to be running Windows or Mac OS X or Linux or Multics or any particular operating system in order to take advantage of HTML5. The only thing you do need is a modern web browser. There are modern web browsers available for free for all major operating systems. You may already have a web browser that supports certain HTML5 features. The latest versions of Apple Safari, Google Chrome, Mozilla Firefox, and Opera all support many HTML5 features. (You’ll find more detailed browser compatibility tables throughout this book.) The mobile web browsers that come pre-installed on iPhones, iPads, and Android phones all have excellent support for HTML5. Even Microsoft has announced that the upcoming version 9 of Internet Explorer will support some HTML5 functionality.

This book will focus on eight topics:

  1. New semantic elements like <header>, <footer>, and <section>
  2. Canvas, a two-dimensional drawing surface that you can program with JavaScript
  3. Video that you can embed on your web pages without resorting to third-party plugins
  4. Geolocation, whereby visitors can choose to share their physical location with your web application
  5. Persistent local storage without resorting to third-party plugins
  6. Offline web applications that work even after network access is interrupted
  7. Improvements to HTML web forms
  8. Microdata, which lets you create your own vocabularies beyond HTML5 and extend your web pages with custom semantics

HTML5 is designed, as much as possible, to be backward compatible with existing web browsers. New features build on existing features and allow you to provide fallback content for older browsers. If you need even greater control, you can detect support for individual HTML5 features using a few lines of JavaScript. Don’t rely on fragile browser sniffing to decide which browsers support HTML5! Instead, test for the features you need using HTML5 itself.

Ready? Let’s dive in.

Did You Know?

In association with O’Reilly, Google Press will be publishing this book in a variety of formats, including paper, Kindle, and DRM-free PDF. The printed book will be called “HTML5: Up & Running,” and we hope to release it by next February in the first quarter of 2010 as soon as it’s good and ready, and not a moment sooner. This chapter will be included in the print edition.

If you liked this chapter and want to show your appreciation, you can pre-order “HTML5: Up & Running” with this affiliate link. You’ll get a book, and I’ll get a buck. I do not currently accept direct donations.

Copyright MMIX–MMX O’Reilly Media • written by Mark Pilgrim

Posted via web from Color and Voice

Advertisements

There are no comments on this post.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: