Safari 一直在提供最具创新性的 web 技术，将 web 上的不可能变为可能。有了对 HTML5 视频和音频标签，CSS 动画，CSS web 字体和 HTML5 离线存储的支持，您可以轻松的开发下一代丰富的交互式 web 应用程序。
HTML5 媒体支持
如今，网站可以像提供图像一样轻松地提供丰富的交互式媒体。Safari 是第一个支持 HTML5 音频和视频元素的浏览器，这不仅减轻了对插件的需要，也可以很容易地在 iPhone、Mac OS X 和 Windows 的 Safari 浏览器中提供音频和视频。HTML5 音频和视频元素配有一套丰富的用于控制媒体播放的脚本 API，由于这些元素类似于其它的 HTML 元素，因此可以使用 CSS 来设置它们的样式和动画。
HTML5 离线存储支持
先进的 Safari 浏览器支持最新的 HTML5 离线数据存储功能。您的应用程序可以使用基于键/值的简单数据存储或者强大的 SQL 数据库，将信息存储到本地机器上。这些数据被存储在本地，并且在 Safari 启动过程中保持不变，因此您的应用程序并不需要建立网络连接来访问这些数据，也就改善了应用程序的启动时间和整体性能。
如果您采用了 HTML5 应用程序缓存技术，那么 Safari 可以在本地存储启动您的 web 应用程序所需的全部资源，例如 HTML，CSS，JavaScript 和图像文件等。这就意味着，用户即使没有连接到 Internet 上，也可以访问并使用您的 web 应用程序。您的应用程序总是可用的。当重新上线时，Safari 可以从您的服务器上获得最新的数据，代码和资源，来更新您的应用程序。
CSS 动画
Safari 是第一个支持 CSS 变换和动画的浏览器。使用这些技术，您可以编程绘制动画变换，制作出若干 CSS 和 SVG 属性—包括高度，宽度，不透明度和可见度等基本属性，以及z-坐标和字间距等高级属性。由于 WebKit 引擎负责处理这些动画的渲染，因此，不能用常规的 JavaScript 动画技术来匹配 CSS 动画的表现。使用这种开放 web 标准，创建高性能的一流界面将如同添加几行 CSS 代码一样简单。
CSS 特效
使用 Safari 中最新的 CSS 特效，开发人员可以为 web 页面上的任何元素设计出炫目的渐变效果，恰如其分的遮掩效果或是令人震撼的反光效果，来为他们的网站润色，而这一切只需要几行代码就能够做到。
CSS Web 字体
有了 CSS web 字体，您可以使用基于标准的技术，来显示标准 web 安全字体集之外的字体。Safari 浏览器会自动识别出使用 CSS web 字体显示自定义字体的网页，并根据需要下载相应的字体文件。通过使用 CSS web 字体（而非图像）来显示自定义字体，您可以创建令人炫目的文本效果，创建速度也远远超过了基于图像的方法。此外，使用 web 字体（而非图像）的网页将会下载得更快，并且可以被屏幕阅读器解释，而无需任何额外的编码工作。
