關(guān)于html實(shí)訓(xùn)心得體會(huì)

　　當(dāng)在某些事情上我們有很深的體會(huì)時(shí)，應(yīng)該馬上記錄下來(lái)，寫一篇心得體會(huì)，這樣就可以總結(jié)出具體的經(jīng)驗(yàn)和想法。很多人都十分頭疼怎么寫一篇精彩的心得體會(huì)，以下是小編為大家整理的關(guān)于html實(shí)訓(xùn)心得體會(huì)，僅供參考，歡迎大家閱讀。

　　html實(shí)訓(xùn)心得體會(huì)1

　　HTML5在網(wǎng)頁(yè)開發(fā)上，賦予網(wǎng)頁(yè)更好的意義和結(jié)構(gòu)，更加豐富的標(biāo)簽將隨著對(duì)RDFa的，微數(shù)據(jù)與微格式等方面的支持，構(gòu)建對(duì)程序、對(duì)用戶都更有價(jià)值的數(shù)據(jù)驅(qū)動(dòng)的Web。北京恒泰博遠(yuǎn)軟件開發(fā)公司對(duì)HTML5的解釋是，為開發(fā)者提供了一個(gè)跨平臺(tái)的移動(dòng)apps開發(fā)方案，并且該方案具有很好的擴(kuò)展性和靈活性。

　　由目前it行業(yè)使用html5 開發(fā)app來(lái)看，如今國(guó)內(nèi)使用html5開發(fā)app應(yīng)用技術(shù)尚有欠缺，因?yàn)樵谑謾C(jī)開發(fā)app上，html5應(yīng)用只有兩種方法，要不就是全使用HTML5的語(yǔ)法，要不就是僅使用JavaScript引擎。

　　JavaScript引擎的構(gòu)建方法讓制作手機(jī)網(wǎng)頁(yè)游戲成為可能。由于界面層很復(fù)雜，已預(yù)訂了一個(gè)UI工具包去使用。

　　純HTML5手機(jī)應(yīng)用運(yùn)行緩慢并錯(cuò)漏百出，但優(yōu)化后的效果會(huì)好轉(zhuǎn)。盡管不是很多人愿意去做這樣的優(yōu)化，但依然可以去嘗試。

　　HTML5手機(jī)應(yīng)用的最大優(yōu)勢(shì)就是可以在網(wǎng)頁(yè)上直接調(diào)試和修改。原生應(yīng)用的開發(fā)人員可能需要花費(fèi)非常大的力氣才能達(dá)到HTML5的效果，不斷地重復(fù)編碼、調(diào)試和運(yùn)行，這是首先得解決的一個(gè)問(wèn)題。

　　即使這樣，我們還是很看好html5 app開發(fā)，原因有一下幾點(diǎn)。

　　一、是基于html5強(qiáng)大的兼容性，因?yàn)镠TML5提供了前所未有的數(shù)據(jù)與應(yīng)用接入開放接口，使外部應(yīng)用可以直接與瀏覽器內(nèi)部的數(shù)據(jù)直接相連，例如視頻影音可直接與microphones及攝像頭相聯(lián)，就因?yàn)檫@種強(qiáng)大的兼容性，使得在當(dāng)下開發(fā)界是如此的火，同樣也是因?yàn)檫@強(qiáng)大的兼容性，使得手機(jī)應(yīng)用軟件，app更適合，也更方便。所以更適合手機(jī)app軟件開發(fā)，正好補(bǔ)充了手機(jī)小巧的不足。

　　二、html5 app開發(fā)支持的手機(jī)系統(tǒng)有android、ios。

　　三、html5其突出的特點(diǎn)就是強(qiáng)化了web頁(yè)的表現(xiàn)性，追加了本地?cái)?shù)據(jù)庫(kù)，可以用作離線應(yīng)用的開發(fā)，離線應(yīng)用就是把需要的資源先緩存到本地，下次再查看時(shí)無(wú)需聯(lián)網(wǎng)。

　　四、html5 app開發(fā)，能提供更快、更簡(jiǎn)便的服務(wù)，代碼可高度重用，服務(wù)發(fā)布方便。

　　五、動(dòng)畫、游戲動(dòng)態(tài)效果，地理定位等很多app應(yīng)用正在崛起，而html5技術(shù)的強(qiáng)大優(yōu)勢(shì)就是這種讓我們驚嘆的效果。而未來(lái)采用html5開發(fā)app的，將會(huì)大量減少代碼量，應(yīng)用軟件也會(huì)得到更高的用戶體驗(yàn)，更好的`視覺(jué)效果。

　　html實(shí)訓(xùn)心得體會(huì)2

　　學(xué)習(xí)H5我們不需要過(guò)度的關(guān)注細(xì)節(jié)，五柳先生的“不求甚解”的態(tài)度就很好，遇到能想起來(lái)，用到明白來(lái)源，不用作為擴(kuò)展知識(shí)。

　　其次，H5的設(shè)計(jì)起點(diǎn)就是從實(shí)用出發(fā)的，也就是說(shuō)很多特性都是怎么方便就怎么來(lái)。所以我們可以關(guān)注我們感興趣的技術(shù)，但是開發(fā)的時(shí)候還是不要特意的使用H5，能用到而且兼容性也不錯(cuò)就用，用不到也不要“畫蛇添足”，比如163郵箱就有用到nav標(biāo)簽等，但是如果自己不是很精通H5或者是沒(méi)必要重構(gòu)就不要去把一些東西改為H5的，比如編寫JS的時(shí)候特意的用WebWorker，這就很不好！除非我們很明確的知道，這就是針對(duì)移動(dòng)端這種基本上全面支持H5的Browser設(shè)計(jì)開發(fā)的功能。

　　最后，H5技術(shù)不復(fù)雜，它從來(lái)都不是什么新技術(shù)，只是HTML的延續(xù)，我認(rèn)為的H5包括如下三點(diǎn)：

　　（1）改進(jìn)及增強(qiáng)的HTML屬性，新頁(yè)面可以嘗試使用。

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

　�。�3）CSS3：改進(jìn)增強(qiáng)CSS功能，讓頁(yè)面效果更絢麗，開發(fā)更簡(jiǎn)單，尤其是“移動(dòng)先行”的現(xiàn)代互聯(lián)網(wǎng)網(wǎng)頁(yè)設(shè)計(jì)理念能讓“響應(yīng)式設(shè)計(jì)”越來(lái)越簡(jiǎn)單、流行，甚至出現(xiàn)了很多框架，比如bootstrap。

　　學(xué)習(xí)方法：

　　學(xué)習(xí)HTML這類的標(biāo)記語(yǔ)言，我們需要從四個(gè)方面入手：

　�。�1）語(yǔ)法：即怎樣的書寫格式是Browser接受和支持的，HTML技術(shù)的語(yǔ)法很簡(jiǎn)單，只要注意大小寫在HTML、XHTML、H5中的一些細(xì)節(jié)不同就可以了。

　　（2）元素：也就是標(biāo)簽，這個(gè)就靠經(jīng)驗(yàn)和記憶了，不求甚解多用就好。但是有一點(diǎn)，系統(tǒng)的學(xué)習(xí)和雜亂記憶的不同點(diǎn)就是：系統(tǒng)的學(xué)習(xí)會(huì)把元素分類。這樣方便記憶、對(duì)比和使用，能讓我們盡量減少不必要的錯(cuò)誤嵌套。一般會(huì)把HTML標(biāo)簽分為文檔結(jié)構(gòu)標(biāo)簽、文本格式標(biāo)簽、字符格式標(biāo)簽、列表標(biāo)簽、鏈接標(biāo)簽、表格標(biāo)簽和表單標(biāo)簽這8類，有些標(biāo)簽不實(shí)用就不用看了。

　�。�3）屬性：知道每類標(biāo)簽都有什么屬性，一般來(lái)說(shuō)學(xué)習(xí)方法是知道有什么屬性，然后了解下哪些標(biāo)簽不支持這些屬性。其實(shí)，除了name、id、class、style外很多元素屬性我們都很少用，涉及到格式的屬性，我們都用CSS來(lái)代替了。這也是H5推薦的做法，那些屬性在H5中都被廢棄了，比如background屬性。

　�。�4）其他：其他的東西就是去了解一些額外的知識(shí)：歷史背景、關(guān)聯(lián)技術(shù)、深入技術(shù)，比如XML、DTD，甚至是Browser對(duì)頁(yè)面的解析、渲染過(guò)程，DOM樹的構(gòu)建、Render Tree的構(gòu)建過(guò)程，來(lái)幫助我們學(xué)習(xí)、開發(fā)高效頁(yè)面�！罢n外知識(shí)”多了，自然就能做到“他強(qiáng)由他強(qiáng)，清風(fēng)拂山崗”的境界了。

　　學(xué)習(xí)計(jì)算機(jī)技術(shù)，千萬(wàn)不能沉迷外家功夫！

　　html實(shí)訓(xùn)心得體會(huì)3

　　風(fēng)塵仆仆的來(lái)到了大連，來(lái)參加匯博組織的HTML5培訓(xùn)，從HTML5基礎(chǔ)講起，起初并不以為然，想這HTML這個(gè)平常上課也經(jīng)常接觸到的東西，但是聽完第一堂課后，后面的興趣越來(lái)越濃厚，尤其是講到HTML5的新特性時(shí)候，講到canvas畫布時(shí)候，突然感覺(jué)HTML的功能遠(yuǎn)遠(yuǎn)超出了我的想象，超出了我的預(yù)期，當(dāng)自己做完第一個(gè)實(shí)例的時(shí)候，就想以后一定要把這個(gè)充滿未來(lái)潛力的東西傳到學(xué)校，學(xué)生一定會(huì)感興趣。當(dāng)老師簡(jiǎn)單講完CSS和JS時(shí)候，然后將HTML5+CSS+JS結(jié)合起來(lái)的時(shí)候，就感覺(jué)這是個(gè)強(qiáng)大無(wú)比的組合，不次于使用C#在VS平臺(tái)上實(shí)現(xiàn)的功能。尤其是其在游戲和動(dòng)畫上的效果，使得頁(yè)面可以輕松拋棄Flash的枷鎖也同樣能夠?qū)崿F(xiàn)強(qiáng)大的動(dòng)畫效果。

　　最后一天Intel的老師講到如何將HTML5的APP上傳到不同平臺(tái)的應(yīng)用商店時(shí)候，這時(shí)候就更感到自己學(xué)到的東西有意義了。不像以前單純教學(xué)，為了完成教學(xué)任務(wù)而教學(xué)，通過(guò)應(yīng)用的上傳，可以更加鼓勵(lì)學(xué)生的積極性，激發(fā)他們的學(xué)習(xí)動(dòng)力，嗯，不錯(cuò)的思路，把這個(gè)思路用在教學(xué)上，一定能有所收獲，學(xué)生一定能感興趣。

　　這次培訓(xùn)對(duì)于自己在今后教學(xué)過(guò)程中提出了一個(gè)新的思路，我們的教學(xué)可以找到學(xué)生的興趣點(diǎn)，像歐美國(guó)家教育環(huán)境那樣能夠激發(fā)出學(xué)生自身的興趣，而這個(gè)激發(fā)就需要我們老師和企業(yè)共同想辦法能為學(xué)生由被動(dòng)學(xué)習(xí)變?yōu)橹鲃?dòng)激發(fā)資深興趣去學(xué)習(xí)。這才是最重要的，才能培養(yǎng)出高質(zhì)量人才�？傊�，感謝Intel，感謝微軟，感謝匯博給我們提供了這次培訓(xùn)，期待下次培訓(xùn)。