關於html實訓心得體會

HTML是超文字標記語言，標準通用標記語言下的一個應用。小編收集了關於html實訓心得體會，歡迎閱讀。

風塵僕僕的來到了大連，來參加匯博組織的HTML5培訓，從HTML5基礎講起，起初並不以為然，想這HTML這個平常上課也經常接觸到的東西，但是聽完第一堂課後，後面的興趣越來越濃厚，尤其是講到HTML5的新特性時候，講到canvas畫布時候，突然感覺HTML的功能遠遠超出了我的想象，超出了我的預期，當自己做完第一個例項的時候，就想以後一定要把這個充滿未來潛力的東西傳到學校，學生一定會感興趣。當老師簡單講完CSS和JS時候，然後將HTML5+CSS+JS結合起來的時候，就感覺這是個強大無比的組合，不次於使用C#在VS平臺上實現的功能。尤其是其在遊戲和動畫上的效果，使得頁面可以輕鬆拋棄Flash的枷鎖也同樣能夠實現強大的動畫效果。

最後一天Intel的老師講到如何將HTML5的APP上傳到不同平臺的應用商店時候，這時候就更感到自己學到的東西有意義了。不像以前單純教學，為了完成教學任務而教學，通過應用的上傳，可以更加鼓勵學生的積極性，激發他們的學習動力，嗯，不錯的思路，把這個思路用在教學上，一定能有所收穫，學生一定能感興趣。

這次培訓對於自己在今後教學過程中提出了一個新的思路，我們的教學可以找到學生的興趣點，像歐美國家教育環境那樣能夠激發出學生自身的興趣，而這個激發就需要我們老師和企業共同想辦法能為學生由被動學習變為主動激發資深興趣去學習。這才是最重要的，才能培養出高質量人才。總之，感謝Intel，感謝微軟，感謝匯博給我們提供了這次培訓，期待下次培訓。

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

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

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

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

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

即使這樣，我們還是很看好html5 app開發，原因有一下幾點。

一、是基於html5強大的相容性，因為HTML5提供了前所未有的資料與應用接入開放介面，使外部應用可以直接與瀏覽器內部的資料直接相連， 例如視訊影音可直接與microphones及攝像頭相聯，就因為這種強大的相容性，使得在當下開發界是如此的火，同樣也是因為這強大的相容性，使得手機 應用軟體，app更適合，也更方便。所以更適合手機app軟體開發，正好補充了手機小巧的不足。

二、html5 app開發支援的手機系統有android、ios。

三、html5其突出的特點就是強化了web頁的表現性,追加了本地資料庫，可以用作離線應用的開發，離線應用就是把需要的資源先快取到本地，下次再檢視時無需聯網。

四、html5 app開發，能提供更快、更簡便的服務，程式碼可高度重用，服務釋出方便。

五、動畫、遊戲動態效果，地理定位等很多app應用正在崛起，而html5技術的強大優勢就是這種讓我們驚歎的效果。而未來採用html5開發app的，將會大量減少程式碼量，應用軟體也會得到更高的使用者體驗，更好的視覺效果。

今天只是想要跟大家分享一下學習心得，在選擇html5培訓之前，我逃避過、猶豫過、迷茫過，站在人生的十字路口，不知道該何去何從，但從加入培訓班的那刻起，就把心中的疑問打消了，看到大家傾吐自己的心聲，我開始認識到每個人都渴望成功，更希望能夠戰勝自己眼中失敗的自己，所以選擇來這裡參加培訓，都想要改變自己，實現自己更多未實現的夢想，所以我同大家一樣，更堅信可以堅持下去。

先來了解一下我的心得體會吧，html5在網頁開發上，賦予網頁更好的意義和結構，更加豐富的標籤隨著RDFa的微資料與微格式等方式的支援，構建對程式、對使用者都更有價值的資料驅動的web。html5手機應用的最大優勢就是可以在網頁上直接除錯和修改，原生應用的開發人員可能需要花費非常大的力氣才可以達到html5的效果，需要不斷進行重複編碼、除錯和執行，這是首要解決的問題。

在培訓過後，讓我認識最深的就是為什麼html5 app開發這麼受歡迎?

1.是基於html5強大的相容性，因為HTML5提供了前所未有的資料與應用接入開放介面，使外部應用可以直接與瀏覽器內部的資料直接相連，例如視訊影音可直接與microphones及攝像頭相聯，就因為這種強大的相容性，使得在當下開發界是如此的火，同樣也是因為這強大的相容性，使得手機應用軟體，app更適合，也更方便。所以更適合手機app軟體開發，正好補充了手機小巧的不足。

5 app開發支援的手機系統有android、ios。

5其突出的特點就是強化了web頁的表現性,追加了本地資料庫，可以用作離線應用的開發，離線應用就是把需要的資源先快取到本地，下次再檢視時無需聯網。

5 app開發，能提供更快、更簡便的服務，程式碼可高度重用，服務釋出方便。

5.動畫、遊戲動態效果，地理定位等很多app應用正在崛起，而html5技術的強大優勢就是這種讓我們驚歎的效果。而未來採用html5開發app的，將會大量減少程式碼量，應用軟體也會得到更高的使用者體驗，更好的視覺效果。

學習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的構建過程，來幫助我們學習、開發高效頁面。“課外知識”多了，自然就能做到“他強由他強，清風拂山崗”的境界了。

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