零基礎如何迅速學習HTML（或HTML5）？

關鍵詞：`零基礎`，`迅速`，`HTML`

如今在移動端流行「高大上」的HTML5。做爲代碼零基礎，該如何迅速學習HTML（或HTML5）？

既然是零基礎，就先學學基礎， 基礎學習推薦菜鳥教程。

前端的基礎知識無外乎就是html，css，js三大類，html控制結構和內容，css修飾結構和內容，js控制動效集合交互，因爲要求迅速，因此時間應按安排的合理。

1.html、html5標籤能夠快速的過一遍，大概2~3天，不用所有記住，要會靈活運用，什麼狀況下用什麼標籤要了解，不過用的多了天然就熟練了。

2.css、css3：也是先總體過一遍，大概3~4天，主要關注選擇器的語法和優先級算法，各類樣式也是寫多了熟練就行了，寫好高效簡潔 的css仍是看選擇器的寫法。

3.瞭解各類各樣的佈局，web頁面的主要元素。有不少不一樣的方法去組織它們，全部的web頁面都用一個container，主要是爲了同一個目的：去包含一些頁面元素，然而這個方法實現各有不一樣。例如，body標籤或者是最經常使用的div。甚至於過去經常使用的table（不要使用table做爲你的container，這是一個破方法）。多去各類類型的網站逛逛，瞭解佈局類型，以及佈局類型的實現方法。

4.模仿幾個PC、移動端網站：一週左右，學編程主要仍是靠練習，必須得多寫多想，練習的不是看細節要多好，主要是瞭解html結構，css的各類屬性。

css樣式怎麼組織起來的，css和html怎麼結合，多想一想一些網站的佈局爲何要這麼作，這地方能不能精簡，網站都不是很複雜的，優化空間都是有的；

經過上面的學習，基本上能夠進行靜態的網頁佈局了，若是有不錯 的佈局意識，良好的 色感，那是大大的加分的啦。

下面就是JS了

js是能夠同時控制html和css的，因此js在前端的地位是很重要的，可是都要有html和css的基礎上去學習的：

1.基礎語法：仍是能夠在菜鳥教程菜鳥教程，學的不只僅是技術，更是夢想上去學習，能夠去一些網上找視頻看看，過一遍也至關快，可是理解能力要夠好的。

2.重點：事件、DOM操做，這都是js最原始的東西，主要是用來作交互 的。

3. 組織代碼：瞭解函數，瞭解對象，主要是爲了以更好的方式組織你的代碼。否則你一行一行寫下去也行，但徹底沒有條理，往後也沒法改動。寫代碼要養成一個好習慣，除了考慮怎麼實現，還要考慮怎麼去組織代碼，把你的代碼弄得條理分明。

進階

經過以上基礎學習後，基本上都能知足產品大人的常規需求了。下面就要往炫酷、屌炸天的方向去努力了：

1. 調試工具：極度推薦chrome！抱歉，其實應該在最開始推薦的。在寫CSS的時候，你仍是寫一下保存而後打開瀏覽器看效果？用用chrome開發者工具吧，CSS實時調整，爽！js各類調試，爽！[chrom使用教程](Chrome開發者工具不徹底指南（1、基礎功能篇） )

2. 性能意識：以前的基礎學習都是爲了作出一個東西，而如今你應該要想着作出一個高性能的東西。性能主要有兩方面：加載速度以及頁面執行效率（多指動畫），直觀點說就是卡不卡。這裏能夠看看騰訊前端項目組的總結：[移動H5 前端性能優化指南](移動H5前端性能優化指南 )

3. 代碼規範：基礎部分的代碼組織沒有着重強調，是由於那個時候瞭解太少，以實現爲目的。如今進階階段就要考慮使用面向對象的方式來組織代碼了，並且還要有模塊化工程化的意識。能夠從js看起[阮一峯的模塊化教程](Javascript模塊化編程（一）：模塊的寫法 )，主要是理解這麼個思路，往後語言層就會支持。

4. 瞭解一下服務器開發，作前端老是要跟服務器配合的，你要是徹底不懂後端，那就簡直沒法交流了呀。

最後說一點：時刻緊跟技術風向！