近期深圳網(wǎng)站建設(shè)公司創(chuàng)絡(luò)正在逐步開展HTML5手機(jī)網(wǎng)站開發(fā)技術(shù)的引進(jìn)，于是就專門針對(duì)各大手機(jī)瀏覽器對(duì)HTML5網(wǎng)站支持情況做了測(cè)試，盡管眾多手機(jī)瀏覽器都聲稱完美支持HTML5，但是實(shí)際測(cè)試的結(jié)果卻不太樂(lè)觀。

畢竟離HTML5的全面普及還有很長(zhǎng)一段時(shí)間，因此我們不能夠要求手機(jī)瀏覽器廠商立刻就真的完美支持HTML5。我們作為網(wǎng)站開發(fā)者，能做的就是盡量調(diào)和這一個(gè)過(guò)程：目前手機(jī)瀏覽器支持一部分HTML5元素，那么，我們就用這一部分HTML5元素來(lái)為客戶開發(fā)網(wǎng)站，以至于在當(dāng)前環(huán)境下，能讓網(wǎng)站在大多數(shù)手機(jī)瀏覽器上正常運(yùn)行。

下面我們通過(guò)幾個(gè)簡(jiǎn)單的HTML5標(biāo)簽來(lái)測(cè)試手機(jī)瀏覽器的支持情況。首先是音頻標(biāo)簽和視頻標(biāo)簽的支持，通過(guò)測(cè)試了國(guó)內(nèi)外主流的手機(jī)瀏覽器后，我們發(fā)現(xiàn)，大多數(shù)瀏覽器都能夠很好的支持視頻標(biāo)簽，但是對(duì)于音頻標(biāo)簽的支持，國(guó)內(nèi)某知名手機(jī)瀏覽器卻稍微沒(méi)有做好，具體情況請(qǐng)通過(guò)下面圖片對(duì)比：

我們接下來(lái)測(cè)試了各大手機(jī)瀏覽器對(duì)HTML5中新的input（輸入框）類型的支持，例如，在HTML5中，如果某一個(gè)框要求輸入的是電子郵件，如果輸入錯(cuò)誤，則會(huì)出現(xiàn)提示。再例如滑動(dòng)條，HTML5中只需要使用range屬性即可，目前我們?cè)谟邢薜膸讉€(gè)測(cè)試中發(fā)現(xiàn)，發(fā)現(xiàn)不是所有的手機(jī)瀏覽器都能很好的支持這些新的input類型，具體請(qǐng)看下圖：

盡管大多數(shù)的瀏覽器都對(duì)外宣稱自己已經(jīng)完美支持HTML5，但是通過(guò)專業(yè)的實(shí)踐與測(cè)試（非跑分）我們還是能夠發(fā)現(xiàn)，其實(shí)手機(jī)瀏覽器或多或少的還存在升級(jí)的空間。盡管如此，我們依然有理由相信：在不遠(yuǎn)的將來(lái)，HTML5最終會(huì)來(lái)到人們的面前，給大家?guī)?lái)全新的網(wǎng)站體驗(yàn)。

感謝您的關(guān)注，深圳網(wǎng)站建設(shè)公司創(chuàng)絡(luò)原創(chuàng)，轉(zhuǎn)載請(qǐng)注明出處！