|
mozilla發(fā)布firefox3.0之后不久，就推出了3.1的測(cè)試版，經(jīng)過(guò)N久，出了N個(gè)beta，還是沒(méi)有出正式的3.1版，不過(guò)，他們跳了一下，將直接發(fā)布Firefox 3.5——大踏步前進(jìn)的版本，也將帶來(lái)更多的特性和用戶體驗(yàn)。那么它對(duì)于我們前端開(kāi)發(fā)人員來(lái)說(shuō)，有哪些影響呢？讓我們來(lái)看一看吧。
1.HTML5
Firefox3.5將支持audio和vidio標(biāo)簽。
audio的HTML代碼可以是這樣的：
<audio src="http://developer.mozilla.org/@api/deki/files/2926/=AudioTest_(1).ogg" autoplay>
您的瀏覽器尚不支持<code>audio</code>標(biāo)簽。
</audio>
查看更多關(guān)于audio的信息。
Video可以這樣寫(xiě)：
<video src="videofile.ogg" autoplay>
您的瀏覽器尚不支持<code>video</code>標(biāo)簽。
</video>
查看更多關(guān)于video的信息。
另外，F(xiàn)irefox 3.5還將支持其它的一些HTML5特性，比如，離線資源和拖拽。
2.CSS
Firefox 3.5對(duì)CSS的支持改進(jìn)比較多，主要是支持更多的CSS3特性，我簡(jiǎn)單的列表如下：
- @font-face 支持，該規(guī)則支持 CSS3網(wǎng)絡(luò)字體。
- opacity 支持升級(jí)，拋棄-moz-opacity私有屬性，完整支持CSS的 opacity屬性。
- :before 和 :after偽類(lèi)更新的CSS 2.1水平，支持position、float、list-style-*、和一些display等屬性。
- text-shadow支持。text-shadow是一個(gè)CSS3屬性，即文字陰影。目前，只有Chrome、safari和Opera瀏覽器支持CSS3的文字陰影。
- word-wrap。這是對(duì)Firefox來(lái)說(shuō)一個(gè)新增的CSS屬性，目前IE系瀏覽器支持該屬性。這可以解決字符串過(guò)長(zhǎng)時(shí)的bug，相信很多網(wǎng)頁(yè)設(shè)計(jì)師都遇到過(guò)。
- transforms，transforms屬性目前只有webkit核心瀏覽器支持，包括safari和chrome，F(xiàn)irefox3.5也將支持該屬性，它可以將一個(gè)元素按照設(shè)定的比例變換，必去旋轉(zhuǎn)或縮放，詳情請(qǐng)查看 -moz-transform和-moz-transform-origin。
Firefox還支持其它的一些新特性，比如一些偽類(lèi)等，用的不是太多，這里就不介紹了，感興趣的話可以到firefox開(kāi)發(fā)者網(wǎng)站去查看。不過(guò)前端觀察會(huì)繼續(xù)跟進(jìn)firefox新版本的進(jìn)展。
從中我們可以看到，目前對(duì)CSS3和HTML5的支持最好的是webkit核心瀏覽器，safari支持的最棒，chrome2.0beta的支持也在不斷改進(jìn)。而firefox在下一個(gè)版本中也將有很大的進(jìn)步。唯一不足的是IE系瀏覽器，依然跟在各個(gè)瀏覽器的后面。
原文：http://www.qianduan.net/firefox-3-5-new-features.html
本文鏈接：http://m.95time.cn/tech/web/2009/6633.asp 
出處：前端觀察
責(zé)任編輯：bluehearts
◎進(jìn)入論壇網(wǎng)頁(yè)制作、WEB標(biāo)準(zhǔn)化版塊參加討論，我還想發(fā)表評(píng)論。
|
