分享學習HTML5的心得與體會

學習官方文檔可自行搜索。

1、什麼是html？

每個文檔上都有說法。我的理解就是：

①HTML是一種超文本標記語言(HyperText Markup Language）。

②它不是程式語言，而是一種標記語言（markup language）。

③它擁有自己的一套標記標籤 (markup tag)。

④他是用這些標籤的作用是用來表述網頁的。

⑤HTML文檔中包含了內容和標籤。

HTML標籤

總的來說就是按照文檔中相對應的標籤，設置對應屬性後進行合理的布局構成了現在的web網頁。而瀏覽器可以看做一個容器，容器可以根據這些code(也就是我們說的標籤代碼)進行解析讀取並且以網頁的形式顯示解析後的網頁樣式，從而顯示給我們用戶看。

網頁效果

可以說HTML文檔就是用來描述網頁的。

2、淺析HTML5新特性得到優勢和弊端。

HTML5加入了許多的新特性，其中包含語義化標籤、增強型表單、音頻和視頻、canvas 繪圖、SVG 繪圖、地理定位（Geolocation）、拖放API 、Web Storage、WebSocket。這些新特性的加入讓網頁開發變得靈活了。也同時存在其優勢和弊端：

優勢：

①網絡標準 HTML5本身是由W3C推薦出來的,它的開發是通過谷歌、蘋果、諾基亞、中國移動等幾百家公司一 起醞釀的技術,這個技術最大的好處在於它是一個公開的技術。換句話說,每一個公開的標準都可以根 據 W3C的資料庫找尋根源。另一方面,W3C通過的HTML5標準也就意味著每一個瀏覽器或每一個平 臺都會去實現。

②多設備、跨平臺

③即時更新。

④提高可用性和改進用戶的友好體驗;

⑤有幾個新的標籤,這將有助於開發人員定義重要的內容;

⑥可以給站點帶來更多的多媒體元素(視頻和音頻);

⑦可以很好的替代FLASH和Silverlight;

⑧涉及到網站的抓取和索引的時候,對於SEO很友好;

⑨被大量應用於行動應用程式和遊戲。

弊端：

①安全方面: 像之前Firefox4的web socket和透明代理的實現存在嚴重的安全問 題,同時web storage、web socket這樣的功能很容易被黑客利用,來盜 取用戶的信息和資料,另外http的機制導致了web應用安 全性有所欠缺, 這將在很長時間內成為問題。

②完善性: html5 還在成熟和發展中,像之前曾經支持的web sql database, w3c已經決定不再維護。許多特性 各瀏覽器的支持程度也不一樣,而地理定位API在國內的前途還不清晰。

③技術門檻: html5簡化開發者工作的同時代表了有許多新的屬性和API需 向開發者學習,向web worker、web socket、web storage等新特性要求 對於後臺的技術需要有一定的了解,甚至需要深入了解其後面原 理和邏輯,而canvas要求視覺和圖像算法的一些知識,傳統的前端開發者需要 掌握更多算法、視覺、 後臺甚至瀏覽器原理的知識,機遇的同時也是巨大的挑戰

④性能方面: 某些平臺上的引擎問題導致html5性能低下,同時在不加入GPU加 速的情況下,html5處理複雜音視頻, 動畫的性能不盡如人意。

⑤瀏覽器兼容性問題： 這是html5最大缺點,IE9以下瀏覽器幾乎全軍覆沒,而其他瀏覽器雖然支持很好,但不是很全。

注意事項

3、規避常見的5種HTML5錯誤用法。

①不要使用section作為div的替代品。

②只在需要的時候使用header和hgroup。

③不要把所有列表式的連結放在nav裡。

④處理figure元素的常見錯誤。

⑤不要使用不必要的type屬性。