標簽目錄：html5

2016
12-14

HTML5 語義化 - main

早在2013年，<main>元素就被正式添加到W3CHTML規范中，到目前位置，關于該元素的定義已經很完善了，所以現在是時候深入了解什么時候適合使用<main>元素了。那么，下面就開始吧。W3C規范<main>的主要目的是將ARIA的地標性作用main映射到HTML中的元素。這可以幫助那些屏幕閱讀設備和輔助設備知道頁面的主要內容是從哪里開始的。W3C規范將<main>描述為：文檔或應用程序的主要內容。主內容區域... 繼續閱讀 >

2016
12-12

HTML5.1 里的新東西

HTML5.1概覽兩年前HTML5標準的發布對于web開發社區來說是一件大事。不僅是因為它包含了一系列讓人印象深刻的新特性,還因為它是1999年發布的HTML4.01標準以后，對HTML的第一個大版本更新。你現在依然可以看到一些網站夸耀他們在使用“現代”的HTML5標準。幸運的是我們不需為下一次HTML標準的更新等待那么長時間。2015年10月，W3C開始著手HTML5.1草案，其目標是修復一些HTML5遺留的問題。多次迭代后,草案... 繼續閱讀 >

2016
08-03

前端HTML5幾種存儲方式的總結

總體情況h5之前，存儲主要是用cookies。cookies缺點有在請求頭上帶著數據，大小是4k之內。主Domain污染。主要應用：購物車、客戶登錄對于IE瀏覽器有UserData，大小是64k,只有IE瀏覽器支持。目標解決4k的大小問題解決請求頭常帶存儲信息的問題解決關系型存儲的問題跨瀏覽器1.本地存儲localstorage存儲方式：以鍵值對(Key-Value)的方式存儲，永久存儲，永不失效，除非手動刪除。大?。好總€域名5M支持情況：注意：IE... 繼續閱讀 >

2016
04-15

HTML5初級知識總結

1.canvas繪制步驟添加canvas元素，定義id和范圍js里獲取canvas元素通過getContext()方法獲取2D繪制環境通過不同的函數進行圖形繪制坐標定位繪制的圖形定位都是以canvas的左上角為(0,0)原點繪制直線moveTo():規定起始點lineTo():從起點繪制到規定坐標的直線stroke():實現繪制直線的功能fill():實現填充功能實例：繪制一個三角形html... 繼續閱讀 >

2016
01-11

web App VS native App，路遙知馬力

HTML5HTML5這個概念也已經炒作了幾年了，看了很多關于HTML5的文章，包括一些技術書籍，對這一概念吹的雨里霧里，說了一大堆新特性講了一大堆抽象的概念。搞得我很長時間才搞清楚什么是HTML5。其實沒什么太多的東西，就是督促各個瀏覽器廠商都支持一些新的比較實用的屬性，大家的行為盡量保持一致。給HTML添加了一些實用的標簽，讓一部分以前需要寫很多JS代碼才能實現的效果，只需要一個標簽就可以簡單搞定，當然這是在得到了瀏... 繼續閱讀 >

2015
12-26

戲說HTML5

如果有非技術人員問你，HTML5是什么，你會怎么回答？新的HTML規范。。。給瀏覽器提供了牛逼能力，干以前不能干的事。。。（確切地說應該是給瀏覽器規定了許多新的接口標準，要求瀏覽器實現牛逼的功能。。。這里感謝紅楓一葉）給瀏覽器暴露了許多新的接口。。。加了很多新的效果。。。問的人其實并不明白他想問的真正問題，回答的人貌似明白，但又好像少了點什么。牛逼的能力、新的接口、炫酷的效... 繼續閱讀 >

2015
11-09

HTML5的這些api你知道嗎？

以下是之前學習的一些HTML5API的總結，在HTML5中有許多功能和接口很值得我們去了解和學習。頁面可見性API--pageVisbility全屏API--fullScreen獲取MediaAPI--getUserMedia電池API--battery資源預加載API--linkPrefetchingPageVisibility頁面可見性API該API可以用來檢測頁面對于用戶的可見性，即返回用戶當前瀏覽的頁面或標簽tap的狀態變化。在最小化瀏覽器、切換tap頁面時生效.(如需對app... 繼續閱讀 >

2015
10-23

HTML5 Charset能用嗎？

前一段某項目中頁面在IE6突然出現了亂碼，當時做了各種排查，最終推測是使用了HTML5的DOCTYPE和Charset以及中文注釋的問題，于是臨時采用舊的Charset方法來修復了下，后面亂碼再沒出現。其實一直不太確定HTML5的Charset能否被IE6識別，于是做了一些測試。先說下兩種Charset聲明方法，其實大家應該都很熟悉的：后面我們簡稱第一種方法為HTML5方法，第二種方法為HTML4方法。測試環境：WindowsXPSp2，中文版+英文版兩個版本的... 繼續閱讀 >

2015
10-08

基于 HTML5 的 3D 網絡拓撲樹呈現

在HTforWeb中2D和3D應用都支持樹狀結構數據的展示，展現效果各異，2D上的樹狀結構在展現層級關系明顯，但是如果數據量大的話，看起來就沒那么直觀，找到指定的節點比較困難，而3D上的樹狀結構在展現上配合HTforWeb的彈力布局組件會顯得比較直觀，一眼望去可以把整個樹狀結構數據看個大概，但是在彈力布局的作用下，其層次結構看得就不是那么清晰了。所以這時候結構清晰的3D樹的需求就來了，那么這個3D樹具體長成啥樣呢，我們... 繼續閱讀 >

2015
07-16

HTML 5：足以改變我們未來生活的十項提示

HTML5代表著Web發展的未來方向。無論大家身為開發人員還是高級用戶，關于這一Web編程新基礎的種種態勢都值得各位高度關注。如果大家還沒有意識到，那我們先要強調一句——Web世界已經徹底改變了。時至今日，網絡銀行、實時視頻聊天以及短視頻共享已經成為Web領域的立足根基，而接下來還將有更多極具突破性的趨勢及成果不斷涌現。正因為如此，這一根基才需要迎接進一步升級。超文本標記語言（簡稱HTML）... 繼續閱讀 >

2015
02-12

HTML5七大優勢“逼宮”APP

HTML5顛覆了PC互聯網的格局，優化了移動互聯網的體驗，接下來幾年，HTML5將顛覆原生App世界?？缙脚_：在多屏年代，開發者的痛苦指數非常高，人人都期盼HTML5能扮演救星。多套代碼、不同技術工種、業務邏輯同步，這是折磨人的過程。有點類似個人電 腦早期世界，那個時候的每家電腦都有自己的操作系統和編程語言，開發者疲于做不同版本，其實DOS的盛行也很大程度是因為開發者實在沒精力給其他電腦寫程 序... 繼續閱讀 >

2015
01-27

HTML5 History API 實現無刷新更新地址欄URL

History是有趣的，不是嗎？在之前的HTML版本中，我們對瀏覽歷史記錄的操作非常有限。我們可以來回使用可以使用的方法，但這就是一切我們能做的了。但是，利用HTML5的HistoryAPI，我們可以更好的控制瀏覽器的歷史記錄了。例如：我們可以添加一條記錄到歷史記錄的列表中，或者在沒有刷新時，可以更新地址欄的URL。為什么介紹HistoryAPI？在這篇文章中，我們將了解HTML5中HistoryAPI的來源。在此之前，我們經常使用散列值來... 繼續閱讀 >

2015
01-23

HTML5會是下一個風口嗎？

2014年10月底，W3C（萬維網聯盟）正式宣布HTML5正式定稿，科技圈就像發現了可以打破谷歌、蘋果所統領的原生APP世界的方法，發表了很多宣講HTML5將真正開始顛覆原生（Native）App的文章，也開始著力發展HTML5，開始搶占HTML5這個未來的風口。那么HTML5為成為下一個風口嗎？HTML5的定稿真正可以顛覆目前火熱的原生APP嗎？個人認為，存在以下的機遇。1.蘋果、谷歌的態度蘋果、谷歌所代表的iOS、安卓系統，占據了移... 繼續閱讀 >

2015
01-05

HTML5的性能不輸原生app 可以用拼積木的方式做HTML5產品

可能你已經發現了，一個好玩有趣的HTML5頁面在微信朋友圈里獲得的用戶關注度會遠超過那些普通的獨立應用。在移動應用越來越多，推廣越來越難做的情況下，你的產品是不是也應該有一個HTML5頁面？如果答案是肯定的，那么或許可以試試AmazeUI這套開源的HTML5前端框架，利用它提供的Web組件、JS插件和層疊樣式表（CSS），你可以快速的搭建出一款HTML5產品。對于那些經常在移動設備上訪問Web頁面的用戶... 繼續閱讀 >

2014
12-08

分享微信開發Html5輕游戲中的幾個坑

現如今微信為各種移動Web的小應用提供了肥沃的土壤，于是乎形形色色的應用孕育而出。人人都可以做開發，但不是每個人都能開發出好的應用，在開發過程中開發者會應注意哪些“坑”呢？本文轉自深海的博客，他分享了在具體開發實現過程中基于微信的Html5WebApp需要注意的細節以及如何用代碼實現。全文如下：不同于傳統的手游商店下載模式，HTML5手機網頁游戲是可以直接運行在微信內置的瀏覽器里。這... 繼續閱讀 >

2014
12-03

Java開發人員必須重視HTML5的5點理由

過去，Java開發人員都是依賴Web瀏覽器作為應用程序的前端。但過程往往令人沮喪：HTML笨拙，JavaScript緩慢而難用，缺乏調試工具，想讓應用程序兼容所有的瀏覽器是一個非常艱苦的過程。但現在你們的福音來了，隨著瀏覽器技術的改進，尤其是采用了HTML5之后，以上問題已經得到顯著的改善。下面就盤點一下HTML5能為Java開發人員帶來的5點好處。1、跨平臺部署跟Java一樣，HTML5的核心優勢之一便是跨平臺運行。既支持傳統... 繼續閱讀 >