html5實(shí)訓心得體會(huì )

html5實(shí)訓心得體會(huì )

　　由目前it行業(yè)使用html5開(kāi)發(fā)app來(lái)看，如今國內使用html5開(kāi)發(fā)app應用技術(shù)尚有欠缺，以下內容是品才網(wǎng)pincai.com小編為您精心整理的html5實(shí)訓心得體會(huì )，歡迎參考！

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

　　由目前it行業(yè)使用html5開(kāi)發(fā)app來(lái)看，如今國內使用html5開(kāi)發(fā)app應用技術(shù)尚有欠缺，因為在手機開(kāi)發(fā)app上，html5應用只有兩種方法，要不就是全使用HTML5的語(yǔ)法，要不就是僅使用JavaScript引擎。

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

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

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

　　html5實(shí)訓心得體會(huì )

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

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

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

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

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

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

　　學(xué)習方法：

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

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

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

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

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

　　學(xué)習計算機技術(shù)，千萬(wàn)不能沉迷外家功夫!