safari 4 新特性

在WWDC 2009上，Apple發表了正式版的Safari 4瀏覽器，正式版的safari 4放棄了仿Chrome的tab方式，還原至3.0版本的介面。據稱，WWDC上，Serlet 嚴重的BS了一下微軟的IE8瀏覽器，並稱Safari的JavaScript引擎是目前世界上最快的，根據他提供的測試數據，Chrome 2的速度是IE8的5.3倍，而Safari4的速度則是IE8的7.8倍！

這些數據大多是官方的噱頭，我們就先不管啦，看看Safari4會對我們前端開發有哪些影響：

支援Audio和video標籤。

Safari4對CSS的支援有較多改進，具體如下：

Safari 4開始支援zoom屬性。這點兒的用法和效果和IE瀏覽器一直。不同的是，如果是縮放，Safari會縮小到瀏覽器支援的最小字體，而IE會直接縮小到設定的大小。比如：

.zoomTest { font-size : 12px ; zoom : 0.1 }

Safari只會縮小至9px字體大小，而IE會縮小至1.2px(肉眼已經看不清楚了)。

有一系列子屬性組成：

• -webkit-animation-name為動畫指定一個名稱
• -webkit-animation-duration動畫持續時間
• -webkit-animation-timing-function動畫影格切換方式，也就是動畫效果，大概有ease、linear、ease-in、ease-out、ease-in-out這幾種。
• -webkit-animation-delay定義動畫開始時間
• -webkit-animation-iteration-count動畫重複次數
• -webkit-animation-direction動畫方向，有兩個屬性：normal，正向播放； alternate，交替方向，第偶數次正向播放，第奇數次反向播放。

CSS遮罩/蒙板效果

• -webkit-mask-attachment兩個值：fixed和scroll；
• -webkit-mask-clip元素邊框的剪切效果；
• -webkit-mask-position用法類似background-position屬性。
• -webkit-mask-origin規定-webkit-mask-position屬性的錨記。有border、content、和padding三個屬性。
• -webkit-mask-image元素的蒙板圖片，值為圖片路徑；
• -webkit-mask-repeat重複性設定，
• -webkit-mask-composite混合樣式。預設為border，也就是背景延伸到border區域。還可以設定為padding。

Safari4同時增加或增強了其它一些CSS屬性支持，例如，background-position開始支持動畫效果，這裡就不再贅述。

可以看出，Safari新增的這些CSS屬性，並非W3C標準中的內容，不過這些webkit的私有屬性，的確可以讓我們發展出更好的網頁應用。

WAI-ARIA 角色

想必對WAI-ARIA了解的人不是很多。 WAI-ARIA即W3C Web Accessibility Initiative Accessible Rich Internet Applications，中文翻譯為「無障礙富互聯網應用程式」。同時W3C制定了WAI-ARIA角色標準。 Google前不久宣布將大力支持WAI-ARIA，而其Google reader的螢幕閱讀功能即是透過WAI-ARIA實現的。目前，Firefox已經開始支援WAI-ARIA，IE8部分支援。 Safari 4也開始支援WAI-ARIA角色。 查看Safari 4對WAI-ARIA的支援情況>>

值得注意的是，WAI-ARIA似乎僅支援div和span標籤，為了配合WAI-ARIA，Safari同時加入了HTML的一些支援屬性，例如aria-checked/aria-level/aria-valuemax/aria-valuemin等。

下載safari ：

PS:這個下載的按鈕，是來自於Safari下載的官方頁面，細心的童鞋會發現，這個按鈕的風格顯然不是apple的風格了，更像Firefox下載頁面的那個綠色的按鈕的風格。

原文： http://www.qianduan.net/safari-4-new-features.html