12個不為大家熟知的html5設計小技巧，內容如下
1、互動上，慎用向右滑動的操作方式。
如：刮刮樂塗抹效果，左右滑動翻頁等。
原因：蘋果手機上，向右滑動容易觸發返回「上一級頁面」效果。
2、互動上，慎用橫屏展示效果。
原因：體驗上，需要使用者裝置開啟螢幕旋轉功程式設計客棧能，才能正常**，使用者操作成本高。對不同螢幕的手機，長寬比例不一，難以展示最佳的視覺效果。
3、視覺上，功能按鈕等，遠離頁面底部（大概128px，這個尺寸不是固定z值），具體看重構採用什麼適配方式（僅供參考：640*1136 px，從上往下計算，主要內容在1008px內）。
原因：更好的裝置各種螢幕的手機，避免按鈕被擋住。
4、視覺上，慎用「光線疊加效果」或ps裡面的「圖層樣式」效果。
如：給圖層加個「柔光」、「濾色」、「色相」等等效果，除非這個視覺元素可以合併為一體。
原因：給重構挖坑，導致不好切圖，無法還原視覺效果。
5、視覺上，向量圖？想做簡單的動畫？匯出svg格式試試！
原因：能減少體積的事，為什麼拒絕呢……
6、動畫上，盡量避免全屏動畫，優先考慮區域性動畫的方式。
如：各種粒子效果全屏飄過等。
原因：如果呈現的視覺效果無法用**實現，就意味著要用全屏尺寸的序列幀來處理，體積上會飆公升，影響載入體驗。
7、動畫上，序列幀壓縮小技巧，靜態的畫面，儲存較高質量。中間運動的模糊狀態，大膽的壓低畫面質量吧。
原因：壓縮體積，運動狀態就程式設計客棧算有鋸齒也不明顯。
8、重構www.cppcns.com上，請上「tinypng.com」，壓縮下，有效減少體積。
原因：額，這個也要說原因？好吧，偷偷告訴你，現在這**不止可以壓縮png，rumflvdym還可以壓縮jpg，更重要的是……支援批量**了！
9、重構上，**請壓縮下，能大大減少整體的體積。
技巧：如果沒有特殊要求，可以考慮弄成單聲道音訊檔案，位元率48或更低就行了。
10、重構上，安卓機不支援多個音訊同時**……意味著無法背景**跟音效同時**！（蘋果機則沒問題）
11、重構上，**無法自動**，首次**需要使用者點選觸發。
（**用程式設計客棧什麼格式？建議用mp4格式，並用h.264編碼器）
12、重構上，測試請多留意「魅族」手機和華為p6/p7等，螢幕底部採用虛擬按鈕的手機。裝置容易出問題。
說那麼多，再來幾條小知識：
◆微信到底是什麼用瀏覽器核心？額，這個問題還真難說清楚。
安卓：微信5.4-6.1版本，如果有安裝qq瀏覽器，則用qq瀏覽器的核心。否則用手機系統自帶的。
微信6.1版本後，內嵌了qq瀏覽器的核心。
qq瀏覽器：6.2版本及以後使用blink核心。之前用webkit核心。
蘋果：一直都是系統自帶的……
◆ 向上滑動翻頁的操作，視覺指引的箭頭應該是向上，而不是向下哦；除非你是點選翻頁效果，才用向下的箭頭。
◆ 指紋掃瞄？親螢幕觸發互動？吹口氣檢測氣體成份？
這些都是偽技術，開開心心被玩弄下就好了，哈哈。
不過像多屏互動，音訊分析等，通過各種介面做技術支援，實現一些互動操作，這些可是未來的趨勢哦！
本文位址:
HTML5的5個的新特性
特性1 正規表示式 無須使用服務端的檢測，使用瀏覽器的本地功能，就可以幫助你判斷郵箱的格式，url，防止使用者輸入錯誤的資訊，通過h5的pattern屬性，很方便的整合這個功能。特性2 資料列表元素 在h5沒有出現之前，我們會選擇js或者jquery ui來實現自動補全功能，而在h5中，可以直接使用...
HTML5的學習（二）HTML5標籤
3.按功能排列標籤 標籤 描述 html4 html5 定義注釋。定義文件型別。定義文件的主體。定義文件中的節。定義section或page的頁尾。to定義html標題。定義html文件。定義關於文件的資訊。定義section或page的頁首。定義關於html文件的元資訊。定義針對不支援客戶端指令碼...
HTML5基礎之表單（1 2）總結
html5基礎之表單 1 2 總結 html5基礎 表單2 這裡我將表單和 和在一起了 以上為複習內容！這裡講action和method action 提交到位址，預設提交到當前的頁面 method 表單提交方式。常用的有兩種 get 和 post gat 請求存在安全性的問題密碼會洩露 預設情況下...