html5實(shí)訓(xùn)心得體會

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

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

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

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

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

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

　　html5實(shí)訓(xùn)心得體會

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

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

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

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

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

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

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

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

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

　　(2)元素：也就是標(biāo)簽，這個就靠經(jīng)驗(yàn)和記憶了，不求甚解多用就好。但是有一點(diǎn)，系統(tǒng)的學(xué)習(xí)和雜亂記憶的不同點(diǎn)就是：系統(tǒng)的學(xué)習(xí)會把元素分類。這樣方便記憶、對比和使用，能讓我們盡量減少不必要的錯誤嵌套。一般會把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)簽都有什么屬性，一般來說學(xué)習(xí)方法是知道有什么屬性，然后了解下哪些標(biāo)簽不支持這些屬性。其實(shí)，除了name、id、class、style外很多元素屬性我們都很少用，涉及到格式的屬性，我們都用CSS來代替了。這也是H5推薦的做法，那些屬性在H5中都被廢棄了，比如background屬性。

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

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