Warning: error_log(/data/www/wwwroot/hmttv.cn/caches/error_log.php): failed to open stream: Permission denied in /data/www/wwwroot/hmttv.cn/phpcms/libs/functions/global.func.php on line 537 Warning: error_log(/data/www/wwwroot/hmttv.cn/caches/error_log.php): failed to open stream: Permission denied in /data/www/wwwroot/hmttv.cn/phpcms/libs/functions/global.func.php on line 537
HTML5的新特性:
表單驗證
placeholder自動聚焦
移除的元素:
不能識別HTML5新標簽而不能使用,解決辦法有兩種:
通過document.createElement(tagName)方法即可讓瀏覽器識別新標簽,瀏覽器支持新標簽后,還可以為新標簽添加CSS樣式。
在<head>中調用以下代碼:
<!--[if lt IE 9]>
<script> src="http://html5shim.googlecode.com/svn/trunk/html5.js"</script>
<![endif]-->
當然也可以直接把這個文件下載到自己的網站上,但這個文件必須在head標簽中調用。
在</body>之前調用以下代碼:
<!--if lte IE 6]>
<script src="http://letskillie6.googlecode.com/svn/trunk/letskillie6.zh_CN.pack.js"></script>
<![endif]-->
區分HTML和HTML5:
要為大家詳細介紹了HTML5拖放效果的實現代碼,拖放即抓取對象以后拖到另一個位置。感興趣的小伙伴們可以參考一下:
在 HTML5 中,拖放是標準的一部分,任何元素都能夠拖放。
Internet Explorer 9+, Firefox, Opera, Chrome, 和 Safari 支持拖動。但 Safari 5.1.2不支持拖動。
下面看看實現效果:
拖拽前
拖拽后
代碼實現:
把draggable屬性設置為true ,才能使元素可拖動。
然后,規定當元素被拖動時,會發生什么。
在上面的例子中,ondragstart 屬性調用了一個函數,drag(event),它規定了被拖動的數據。
dataTransfer.setData() 方法設置被拖數據的數據類型和值:
在這個例子中,數據類型是 "Text",值是可拖動元素的 id ("drag1")。
ondragover 事件規定在何處放置被拖動的數據。
默認地,無法將數據/元素放置到其他元素中。如果需要設置允許放置,我們必須阻止對元素的默認處理方式。
這要通過調用 ondragover 事件的 event.preventDefault() 方法:event.preventDefault()
當放置被拖數據時,會發生 drop 事件。
在上面的例子中,ondrop 屬性調用了一個函數,drop(event):
調用 preventDefault() 來避免瀏覽器對數據的默認處理(drop 事件的默認行為是以鏈接形式打開)
通過 dataTransfer.getData("Text") 方法獲得被拖的數據。該方法將返回在 setData() 方法中設置為相同類型的任何數據。
被拖數據是被拖元素的 id ("drag1")
把被拖元素追加到放置元素(目標元素)中
若要實現來回拖動:
若要在兩個地方來回拖動,只需將上面代碼稍作修改就行了.將body中的代碼改成:
然后在style樣式中加上#div2就可以了:
個安卓瀏覽器體積可以小到什么程度?5M?1M?幾百K?現在這款H5瀏覽器給出了驚人的答案——只要20K!沒錯,這款H5瀏覽器就是一款體積僅有20K的安卓瀏覽器,在App普遍臃腫化的安卓生態當中,顯得如此鶴立雞群。如此小的體積里面,蘊藏著怎樣的能量?一起來看看H5瀏覽器的體驗如何吧!
軟件名稱: | H5瀏覽器 |
軟件版本: | 0.1.15 |
軟件大小: | 21KB |
軟件授權: | 免費 |
適用平臺: | Android |
下載地址: | http://dl.pconline.com.cn/download/365516.html |
其實H5這個名字,某些朋友可能會有些耳熟,筆者倒是很陌生,畢竟不玩黃油。H5瀏覽器和某個黃油論壇,估計也沒什么關系,名字應該只是個巧合。這款H5瀏覽器的體積是最大的亮點,僅有21K左右,安裝速度和運行速度都快得驚人。開啟后,可以看到它的布局也是非常簡單,除了地址欄/搜索框外,基本就沒有什么元素了。
H5瀏覽器的界面,除了地址欄就只有一些簡單的導航按鈕
帶有天氣和網頁導航
H5瀏覽器的功能是比較簡單的,它開啟網頁后只能通過菜單鍵進行刷新、關閉和收藏網頁等操作,甚至不能切換多個網頁(日后的版本應該會加上)。不過,它的速度倒是不錯,排版也沒有什么大問題,流暢度也挑不出什么毛病。H5瀏覽器的原理應該是調用了安卓系統的WebView組件,然后給WebView套個殼,原理類似PC平臺的IE加殼瀏覽器。
H5瀏覽器開啟網頁的效果,功能非常簡單,地址欄都沒有
長按右下角的菜單按鈕可以顯示網頁地址,但不能切換多個網頁,下個版本應該就會加入了
H5瀏覽器的功能目前比較少,但也不是一無所有——對比20K的體積,它的功能還是有點出乎筆者的意料的。在主界面右上方點擊“更多”按鈕,可以進入到更多功能的界面,在其中,可以找到更新日志、插件中心、高級設置等模塊。插件中心目前仍是個雛形,反正筆者是沒法下載到相應的功能插件,但從中也可以看到日后會推出屏蔽廣告、更換皮膚等插件。而在高級測試中,用戶可以切換日間和夜間皮膚,可以自定義搜索引擎,還能夠更改手勢噩耗隱藏按鈕,還是相當不錯的。
功能很有潛力,插件中心日后應該會越來越豐富,但目前還不可用
可以對手勢、搜索引擎等作一些設置
比較有意思的是,H5瀏覽器還自帶了HTML5(調用HTML5TEST的頁面)和UA設置。不同手機的WebView引擎會有差異,所以測出來的結果也不同。在這里,也可以看到H5瀏覽器的確是調用系統WebView來實現網頁瀏覽的功能的。
自帶HTML5測試和UA查閱
總的來說,H5瀏覽器是一款相當有意思的瀏覽器。它極小的體積給人留下了深刻的印象,同時插件中心的引入,以及一些未完成的功能,也令人驚嘆于它的潛力。在PC平臺上,傲游(MyIE)靠套殼受到了極大歡迎,H5瀏覽器或許也能贏得大量粉絲。
*請認真填寫需求信息,我們會在24小時內與您取得聯系。