html5實訓心得體會

由目前it行業使用html5開發app來看，如今國內使用html5開發app應用技術尚有欠缺，以下內容是本站小編爲您精心整理的html5實訓心得體會，歡迎參考！

　　html5實訓心得體會

HTML5在網頁開發上，賦予網頁更好的意義和結構，更加豐富的標籤將隨着對RDFa的，微數據與微格式等方面的支持，構建對程序、對用戶都更 有價值的數據驅動的Web。北京恆泰博遠軟件開發公司對HTML5的解釋是，爲開發者提供了一個跨平臺的移動apps開發方案，並且該方案具有很好的擴展 性和靈活性。

由目前it行業使用html5開發app來看，如今國內使用html5開發app應用技術尚有欠缺，因爲在手機開發app上，html5應用只有兩種方法，要不就是全使用HTML5的語法，要不就是僅使用JavaScript引擎。

JavaScript引擎的構建方法讓製作手機網頁遊戲成爲可能。由於界面層很複雜，已預訂了一個UI工具包去使用。

純HTML5手機應用運行緩慢並錯漏百出，但優化後的效果會好轉。儘管不是很多人願意去做這樣的優化，但依然可以去嘗試。

HTML5手機應用的最大優勢就是可以在網頁上直接調試和修改。原生應用的開發人員可能需要花費非常大的力氣才能達到HTML5的效果，不斷地重複編碼、調試和運行，這是首先得解決的一個問題。

　　html5實訓心得體會

學習H5我們不需要過度的關注細節，五柳先生的“不求甚解”的態度就很好，遇到能想起來，用到明白來源，不用作爲擴展知識。

其次，H5的設計起點就是從實用出發的，也就是說很多特性都是怎麼方便就怎麼來。所以我們可以關注我們感興趣的技術，但是開發的時候還是不要特意的使用H5，能用到而且兼容性也不錯就用，用不到也不要“畫蛇添足”，比如163郵箱就有用到nav標籤等，但是如果自己不是很精通H5或者是沒必要重構就不要去把一些東西改爲H5的，比如編寫JS的時候特意的用WebWorker，這就很不好!除非我們很明確的知道，這就是針對移動端這種基本上全面支持H5的Browser設計開發的功能。

最後，H5技術不復雜，它從來都不是什麼新技術，只是HTML的延續，我認爲的H5包括如下三點：

(1)改進及增強的HTML屬性，新頁面可以嘗試使用。

(2)增強了的JS交互接口：WebWorker、WebStorage、Web DB、Offline Application、Geolocation、Canvas，可以說H5和JS相互增強更上一層，但是還是要小心使用!

(3)CSS3：改進增強CSS功能，讓頁面效果更絢麗，開發更簡單，尤其是“移動先行”的現代互聯網網頁設計理念能讓“響應式設計”越來越簡單、流行，甚至出現了很多框架，比如bootstrap。

學習方法：

學習HTML這類的標記語言，我們需要從四個方面入手：

(1)語法：即怎樣的書寫格式是Browser接受和支持的'，HTML技術的語法很簡單，只要注意大小寫在HTML、XHTML、H5中的一些細節不同就可以了。

(2)元素：也就是標籤，這個就靠經驗和記憶了，不求甚解多用就好。但是有一點，系統的學習和雜亂記憶的不同點就是：系統的學習會把元素分類。這樣方便記憶、對比和使用，能讓我們儘量減少不必要的錯誤嵌套。一般會把HTML標籤分爲文檔結構標籤、文本格式標籤、字符格式標籤、列表標籤、鏈接標籤、表格標籤和表單標籤這8類，有些標籤不實用就不用看了。

(3)屬性：知道每類標籤都有什麼屬性，一般來說學習方法是知道有什麼屬性，然後瞭解下哪些標籤不支持這些屬性。其實，除了name、id、class、style外很多元素屬性我們都很少用，涉及到格式的屬性，我們都用CSS來代替了。這也是H5推薦的做法，那些屬性在H5中都被廢棄了，比如background屬性。

(4)其他：其他的東西就是去了解一些額外的知識：歷史背景、關聯技術、深入技術，比如XML、DTD，甚至是Browser對頁面的解析、渲染過程，DOM樹的構建、Render Tree的構建過程，來幫助我們學習、開發高效頁面。“課外知識”多了，自然就能做到“他強由他強，清風拂山崗”的境界了。

學習計算機技術，千萬不能沉迷外家功夫!