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 天天操天天干天天爱,国产精品成人免费视频99,国产日韩欧美自拍

          整合營銷服務商

          電腦端+手機端+微信端=數據同步管理

          免費咨詢熱線:

          每天一道前端面試題系列(2):HTML5有哪些新特性

          TML5有哪些新特性、移除了那些元素?如何處理HTML5新標簽的瀏覽器兼容問題?如何區分 HTML 和 HTML5?

          HTML5的新特性:

          • 繪畫的 canvas 元素
          • 音頻標簽:video 和 audio 元素
          • 新增的結構元素:section、article、aside、nav、time、pubdate、header、footer、hgroup、address
          • 新增的狀態元素:meter、progress
          • 新增的列表元素:datalist、details、summary
          • 新增的表單元素:calendar、date、time、email、url、search

          表單驗證

          placeholder自動聚焦

          • 對本地離線存儲的更好的支持


          移除的元素:

          • 純表現的元素:basefont,big,center,font, s,strike,tt,u;
          • 對可用性產生負面影響的元素:frame,frameset,noframes;


          不能識別HTML5新標簽而不能使用,解決辦法有兩種:

          • 方法1:實現標簽被識別

          通過document.createElement(tagName)方法即可讓瀏覽器識別新標簽,瀏覽器支持新標簽后,還可以為新標簽添加CSS樣式。

          • 方法2:JavaScript解決方案
            • a)使用html5shim:

          在<head>中調用以下代碼:

          <!--[if lt IE 9]>
          	<script> src="http://html5shim.googlecode.com/svn/trunk/html5.js"</script>
          <![endif]-->

          當然也可以直接把這個文件下載到自己的網站上,但這個文件必須在head標簽中調用。

            • b)使用kill IE6

          在</body>之前調用以下代碼:

          <!--if lte IE 6]>
          	<script src="http://letskillie6.googlecode.com/svn/trunk/letskillie6.zh_CN.pack.js"></script> 
          <![endif]-->


          區分HTML和HTML5:

          • DOCTYPE聲明
          • 新增的元素

          要為大家詳細介紹了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瀏覽器或許也能贏得大量粉絲。


          主站蜘蛛池模板: 无码中文字幕人妻在线一区二区三区| 麻豆果冻传媒2021精品传媒一区下载| 国产成人精品一区二区秒拍| 精品欧洲av无码一区二区| 久久精品一区二区三区中文字幕| 99久久精品国产一区二区成人| 狠狠色婷婷久久一区二区三区| 国产一区中文字幕| 一本久久精品一区二区| 无码一区二区三区免费| 日本欧洲视频一区| 国产在线精品一区二区三区不卡 | 波多野结衣中文一区| 亚洲综合色一区二区三区小说| 中文字幕一区二区三区免费视频 | 国产精品一区二区不卡| 自慰无码一区二区三区| 亚洲毛片不卡av在线播放一区| 国产在线观看91精品一区| 国产精品亚洲一区二区在线观看| 亚洲美女视频一区二区三区| 日韩人妻精品一区二区三区视频| 中文字幕乱码一区二区免费| 日韩精品人妻一区二区中文八零| 麻豆精品一区二区综合av| 精品国产一区在线观看| 国产伦精品一区二区三区无广告 | 国产精品一区二区四区| 激情亚洲一区国产精品| 久久亚洲日韩精品一区二区三区| 一区二区三区久久精品| 一区二区在线播放视频| 岛国精品一区免费视频在线观看| 国产一区二区福利久久| 激情爆乳一区二区三区| 亚洲国产精品一区二区三区久久 | 免费av一区二区三区| 久久无码人妻一区二区三区| 国产精品视频一区二区三区经| 日本精品一区二区在线播放| 无码精品人妻一区|