隨著智能手機、平板電腦等移動終端設備越來越普及，用戶在移動端花的時間也越來越長。H5開始火熱起來，以文字、圖片、動畫、聲音等相結合的自媒體出現，給用戶帶來了全新體驗，技術本身帶來的新奇感讓人們心生嚮往。
下面我們就來聊一聊H5入門的一些知識吧！
什麼是H5？
H5即HTML5，是指“HTML”的第5個版本，而“HTML”，則是指描述網頁的標準語言。因此，HTML5，是第5個版本的“描述網頁的標準語言”。
H5特性
H5 是 W3C 與 WHATWG 合作的結果，WHATWG 指 Web Hypertext Application Technology Working Group。WHATWG 致力於 web 表單和應用程序，而 W3C 專注於 XHTML 2.0。在 2006 年，雙方決定進行合作，來創建一個新版本的 HTML。
H5 中的一些有趣的新特性：
用於繪畫的 canvas 元素
用於媒介回放的 video 和 audio 元素
對本地離線存儲的更好的支持
新的特殊內容元素，比如 article、footer、header、nav、section
新的表單控件，比如 calendar、date、time、email、url、search
H5的改進：
新元素
新屬性
完全支持 CSS3
Video 和 Audio
2D/3D 製圖
本地存儲
本地 SQL 數據
Web 應用
H5語義元素
H5瀏覽器支持
最新版本的 Safari、Chrome、Firefox 以及 Opera 支持某些 HTML5 特性。Internet Explorer 9 將支持某些 HTML5 特性。
IE9 以下版本瀏覽器兼容HTML5的方法
<code>/<code>
載入後，初始化新標籤的CSS：
<code>/*html5*/article,aside,dialog,footer,header,section,nav,figure,menu{display:block}/<code>H5代碼規範
1. HTML5 元素名可以使用大寫和小寫字母。
但推薦你使用小寫字母：
混合了大小寫的風格是非常糟糕的。
開發人員通常使用小寫 (類似 XHTML)。
小寫風格看起來更加清爽。
小寫字母容易編寫。
2. 在 HTML5 中, 你不一定要關閉所有元素(例如
元素)，但建議你每個元素都要添加關閉標籤。
3. HTML5 屬性值可以不用引號。
屬性值我們推薦使用引號:
如果屬性值含有空格需要使用引號。
混合風格不推薦的，建議統一風格。
屬性值使用引號易於閱讀。
4. 圖片通常使用 alt 屬性。在圖片不能顯示時，它能替代圖片顯示。
5. 等號前後可以使用空格。
6. 使用 HTML 編輯器，左右滾動代碼是不方便的。
每行代碼儘量少於 80 個字符。
7. 不要無緣無故添加空行。
為每個邏輯功能塊添加空行，這樣更易於閱讀。
縮進使用兩個空格，不建議使用 TAB。
比較短的代碼間不要使用不必要的空行和縮進。
8. 樣式表使用簡潔的語法格式：
將左花括號與選擇器放在同一行。
左花括號與選擇器間添加一個空格。
使用兩個空格來縮進。
冒號與屬性值之間添加一個空格。
逗號和符號之後使用一個空格。
每個屬性與值結尾都要使用分號。
只有屬性值包含空格時才使用引號。
右花括號放在新的一行。
每行最多 80 個字符。
多年開發老碼農福利贈送：網頁製作，網站開發，web前端開發，從最零基礎開始的的HTML+CSS+JavaScript。jQuery，Ajax，node，angular框架等到移動端小程序項目實戰【視頻＋工具＋電子書＋系統路線圖】都有整理，需要的夥伴可以私信我，發送“前端”等3秒後就可以獲取領取地址，送給每一位對編程感興趣的小夥伴
閱讀更多 正在禿頭的程序員 的文章
