Safari4 HTML5

Safari's support for HTML5 audio and video elements, offline storage support, and other HTML5 features make it easy for developers to deliver rich, interactive media experiences natively within the browser, without the need for proprietary technologies.

HTML5 Media Support

Websites can now deliver rich, interactive media as easily as they deliver images. Safari was the first browser to support HTML5 audio and video elements, which work without plug-ins¬†and make it easy to deliver audio and video in Safari on iPhone, Mac OS X, and Windows. HTML5 audio and video elements come with a rich scripting API for controlling media playback, and — since these elements are just like any other HTML element — they can be styled and animated with CSS.

HTML5 in action

HTML5 Offline Storage Support

The advanced Safari browser supports the latest HTML5 offline data storage features. Your application can store its information on the local machine using either a simple key/value-based data store, or a robust SQL database. The data is stored locally and persists across launches of Safari so your application doesn't need a network connection to access the data, improving startup time and overall performance.

If you leverage HTML5 application cache technology, Safari can locally store all of the resources — such as HTML, CSS, JavaScript, and image files — that are needed to run your web application. This means that users can access and use your web application even when they don't have an active connection to the Internet. Your application is always available. When back online, Safari can update the application with the latest data, code, and resources from your servers.

  • Safari 5 for Mac and PC adds support for these HTML5 features:
  • Full screen for <video>
  • Closed captions for <video>
  • Geolocation
  • HTML5 AJAX history
  • EventSource
  • WebSocket
  • HTML5 Draggable attribute
  • HTML5 forms validation
  • HTML5 <ruby>
  • HTML5 <article>
  • HTML5 <aside>
  • HTML5 <footer>
  • HTML5 <header>
  • HTML5 <hgroup>
  • HTML5 <nav>
  • HTML5 <section>
  • HTML5 sandboxed <iframe>
  • HTML5 <audio>
  • HTML5 <video>
  • HTML5 <canvas>
  • HTML5 offline storage
  • Cross-origin resource sharing
  • HTML5 <contenteditable>
  • Web workers