- 相關(guān)推薦
html5心得體會
當(dāng)我們心中積累了不少感想和見解時，就很有必要寫一篇心得體會，如此可以一直更新迭代自己的想法。那么寫心得體會要注意的內(nèi)容有什么呢？以下是小編收集整理的html5心得體會，僅供參考，希望能夠幫助到大家。
html5心得體會 篇1
HTML5在網(wǎng)頁開發(fā)上，賦予網(wǎng)頁更好的意義和結(jié)構(gòu)，更加豐富的標(biāo)簽將隨著對RDFa的，微數(shù)據(jù)與微格式等方面的支持，構(gòu)建對程序、對用戶都更 有價值的數(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 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頁的表現(xiàn)性,追加了本地?cái)?shù)據(jù)庫，可以用作離線應(yīng)用的開發(fā)，離線應(yīng)用就是把需要的資源先緩存到本地，下次再查看時無需聯(lián)網(wǎng)。
四、html5 app開發(fā)，能提供更快、更簡便的服務(wù)，代碼可高度重用，服務(wù)發(fā)布方便。
五、動畫、游戲動態(tài)效果，定位等很多app應(yīng)用正在崛起，而html5技術(shù)的強(qiáng)大優(yōu)勢就是這種讓我們驚嘆的效果。而未來采用html5開發(fā)app的，將會大量減少代碼量，應(yīng)用軟件也會得到更高的用戶體驗(yàn)，更好的視覺效果。
html5心得體會 篇2
1、書寫代碼時一定要規(guī)范。這本身就是一個非常好的習(xí)慣，如果開始沒有養(yǎng)成良好的代碼規(guī)范習(xí)慣，以后會很痛苦，尤其是在多人共同完成項(xiàng)目的時候。
2、動手一定要多于看書。很多人學(xué)HTML5就一味的看書，我們不否認(rèn)看書能夠?qū)W到很多知識以及高手們的思維邏輯，但是HTML5前端開發(fā)是一門技術(shù)，不是多看看書就能夠掌握，理論知識要記牢，動手能力更是要跟得上。
3、學(xué)習(xí)要注意效率。如果自己都覺得效率非常低，那就稍微停一停，去問問前輩們是如何學(xué)習(xí)的，找人為你點(diǎn)撥一下學(xué)習(xí)的思路和方法，是能夠讓自己的學(xué)習(xí)事半功倍的。
以下是學(xué)不好HTML5的幾個原因，希望各位能夠引以為戒：
1、很多人雖然說想做HTML5前端開發(fā)，但是他們的態(tài)度只能說他們不想，目前這個行業(yè)只有那些愿望非常強(qiáng)烈的人才能轉(zhuǎn)行成功，態(tài)度決定一切，良好的學(xué)習(xí)態(tài)度，才是我們邁向成功的基石。
2、有一些人，他們對于這個行業(yè)并沒有過太多的了解，只是聽別人說這個行業(yè)的就業(yè)前景多么好，就開始自己盲目的學(xué)，就連自己學(xué)的什么都不知道，還硬著頭皮往下學(xué)，最后只能浪費(fèi)時間。
3、大學(xué)的時光有的人學(xué)會了不少知識，有的人蹉跎了歲月，畢業(yè)之后因?yàn)檎也坏胶线m的工作就會變得很心急，但是他們可能從來沒有想過找工作是靠的什么，不是靠嘴說，靠的是自己有一個一技之長。他們通常還有有一個共同點(diǎn)，就是不太能夠腳踏實(shí)地，認(rèn)為學(xué)習(xí)這門技術(shù)需要四個月，甚至是半年的'時間太長了，永遠(yuǎn)在急于求成，結(jié)果注定是要失敗的。
學(xué)習(xí)HTML5的人很多，但是剩下的人都是通過自己的努力來勝任那份屬于他自己的工作，這個互聯(lián)網(wǎng)行業(yè)不會存在飽和，但是會不斷的淘汰一些能力不行的人，優(yōu)勝劣汰。
如果你想成為一名合格的HTML5前端開發(fā)工程師，就趕快為之努力奮斗吧!行業(yè)前景很不錯，只要你有足夠的熱情和興趣，并且肯一直為之努力，成為一名優(yōu)秀的工程師只是時間早晚的問題。
html5心得體會 篇3
6.10號是我去培訓(xùn)學(xué)校學(xué)習(xí)的第一天，剛來時什么也不懂也不會，可以這么說完全是零基礎(chǔ)。一天的學(xué)習(xí)下來，自己深受觸動，，認(rèn)真聽講，認(rèn)真筆記。一天的學(xué)習(xí)量很多也很充實(shí)。于是每天這么度過，一刻也不敢懈怠。漸漸地，我從無知到接觸
揣摩H5，開始老師講的聽不懂，但請教老師同學(xué)后，問題迎刃而解。老師同學(xué)都很親切積極幫助。來的時候老師就說三天學(xué)完基礎(chǔ)，第四天就要求能做出頁面。我一聽不敢相信。因?yàn)樽约毫慊A(chǔ)，短短四天怎么可能，但是跟著老師一步步下來到第四天，
自己還真能馬馬虎虎做出來頁面。
時光流逝，很快在這里度過了一個月。然而月考即將到來，我忐忑不安。覺得自己第一階段還沒學(xué)好學(xué)扎實(shí)就考試了，感嘆時間過得好快，考試的一天，面對筆試題，我笑了，因?yàn)槲疫@些日子日以繼夜的背全都會。機(jī)試本來我其實(shí)是應(yīng)該發(fā)揮的特別好的，但是可惜的是框架搭錯了，除了倆個bug耽誤了一個小時，否則三個頁面我都能夠敲出來，不說滿分九十多分也是妥妥的。在這段時間里我拼命的背筆記，敲頁面練習(xí)。穩(wěn)固扎實(shí)。我覺得很好，起碼對得起自己，起碼自己學(xué)到手了。
H5說難也不難，說不難也難，關(guān)鍵看自己有沒有付出，全身心投入。愛不愛好。
H5也很有趣，比如那些動畫，頁面什么的做出來很炫酷。自己都不可思議。下面是我
總結(jié)的部分知識點(diǎn)：
;1>、HTML5的基本結(jié)構(gòu)
文字大小：font—size（常用字號12、14、16、18....偶數(shù)）
常用單位：pc端px Em pt rem 1em=16px；0.75em=12px；9pt=12px；
文字字體：font—family
如果是中文需要加引號，由一組英文單詞組成需要加引號，一個英文單詞組
成不需要，如果設(shè)置多個字體用逗號隔開（一般會設(shè)置常用字體：宋體黑體微軟雅黑）
文字加粗：font—weight
文字傾斜：font—style
文字的行間距：line—height
可以是具體的.倍數(shù)（不需要加單位）
文字顏色：color
常用六個十六進(jìn)制數(shù)可以用英文單詞三原色rab（255，0，0）rgba（255，255，0，0.5）a代表透明度取值0—1
小寫字母變成小型的大寫字母：font—variant
復(fù)合式寫法：font：style variant weight size/line—height family
;3>、一、h5新增語義化標(biāo)簽
聲明文檔類型
html的根標(biāo)簽
頭部區(qū)域
聲明編碼格式
內(nèi)容區(qū)域
;2>、文字的設(shè)置
定義頁面的'頭部
定義頁面的尾部
定義頁面的導(dǎo)航部分
定義頁面的某個區(qū)域(類似于div劃分版塊功能)
定義頁面的側(cè)邊欄
定義頁面中的一篇文章
對頁面中的一些標(biāo)題進(jìn)行組合
對頁面中的某些元素進(jìn)行組合
定義figure元素的標(biāo)題
定義一個對話框(類似微信)
html5心得體會 篇10
風(fēng)塵仆仆的來到了大連，來參加匯博組織的HTML5培訓(xùn)，從HTML5基礎(chǔ)講起，起初并不以為然，想這HTML這個平常上課也經(jīng)常接觸到的東西，但是聽完第一堂課后，后面的越來越濃厚，尤其是講到HTML5的新特性時候，講到canvas畫布時候，突然感覺HTML的功能遠(yuǎn)遠(yuǎn)超出了我的想象，超出了我的預(yù)期，當(dāng)自己做完第一個實(shí)例的時候，就想以后一定要把這個充滿未來潛力的東西傳到學(xué)校，學(xué)生一定會感興趣。當(dāng)老師簡單講完CSS和JS時候，然后將HTML5+CSS+JS結(jié)合起來的時候，就感覺這是個強(qiáng)大無比的組合，不次于使用C#在VS平臺上實(shí)現(xiàn)的功能。尤其是其在和動畫上的效果，使得頁面可以輕松拋棄Flash的枷鎖也同樣能夠?qū)崿F(xiàn)強(qiáng)大的動畫效果。
最后一天Intel的老師講到如何將HTML5的`APP上傳到不同平臺的應(yīng)用商店時候，這時候就更感到自己學(xué)到的東西有意義了。不像以前單純教學(xué)，為了完成教學(xué)任務(wù)而教學(xué)，通過應(yīng)用的上傳，可以更加鼓勵學(xué)生的積極性，激發(fā)他們的學(xué)習(xí)動力，嗯，不錯的思路，把這個思路用在教學(xué)上，一定能有所收獲，學(xué)生一定能感興趣。
這次培訓(xùn)對于自己在今后教學(xué)過程中提出了一個新的思路，我們的教學(xué)可以找到學(xué)生的興趣點(diǎn)，像歐美國家環(huán)境那樣能夠激發(fā)出學(xué)生自身的興趣，而這個激發(fā)就需要我們老師和企業(yè)共同想能為學(xué)生由被動學(xué)習(xí)變?yōu)橹鲃蛹ぐl(fā)資深興趣去學(xué)習(xí)。這才是最重要的，才能培養(yǎng)出高質(zhì)量人才。總之，感謝Intel，感謝微軟，感謝匯博給我們提供了這次培訓(xùn)，期待下次培訓(xùn)。
html5心得體會 篇11
學(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ù)，千萬不能沉迷外家功夫!
【html5心得體會】相關(guān)文章：
高考心得體會 高考心得體會01-23
美術(shù)的心得體會 美術(shù)社心得體會06-17
營銷服務(wù)心得體會 服務(wù)營銷心得體會08-22
參觀工廠心得體會 參觀工廠心得體會02-11
漢字的心得體會 漢字筆畫心得體會大全02-17
設(shè)計(jì)概論心得體會,設(shè)計(jì)概論心得體會03-28
烹飪心得體會,烹飪心得體會怎么寫08-23