html實訓心得體會

html實訓心得體會除非我們很明確的知道，這就是針對移動端這種基本上全面支持H5的Browser設計開發(fā)的功能。

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

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

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

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

學習方法：

學習HTML這類的標記語言，我們需要從四個方面入手：

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

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

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

(4)其他：其他的東西就是去了解一些額外的知識：歷史背景、關聯(lián)技術、深化技術，比如XML、DTD，甚至是Browser對頁面的解析、渲染過程，DOM樹的構(gòu)建、RenderTree的構(gòu)建過程，來幫助我們學習、開發(fā)高效頁面?！罢n外知識”多了，自然就能做到“他強由他強，清風拂山崗”