隨著智能手機(jī)、平板電腦等移動(dòng)終端設(shè)備越來越普及，用戶在移動(dòng)端花的時(shí)間也越來越長(zhǎng)。H5開始火熱起來，以文字、圖片、動(dòng)畫、聲音等相結(jié)合的自媒體出現(xiàn)，給用戶帶來了全新體驗(yàn)，技術(shù)本身帶來的新奇感讓人們心生向往。
下面我們就來聊一聊H5入門的一些知識(shí)吧！
在學(xué)習(xí)過程中有什么不懂得可以加我的WEB前端學(xué)習(xí)交流扣扣qun，前面是328，中間400，后面是314。群里有不錯(cuò)的學(xué)習(xí)教程與開發(fā)工具、項(xiàng)目源碼分享，專業(yè)的老師解答問題。與你分享web前端企業(yè)當(dāng)下人才需求及怎么從零基礎(chǔ)學(xué)習(xí)好web前端，和學(xué)習(xí)什么內(nèi)容。
什么是H5？
H5即HTML5，是指“HTML”的第5個(gè)版本，而“HTML”，則是指描述網(wǎng)頁的標(biāo)準(zhǔn)語言。因此，HTML5，是第5個(gè)版本的“描述網(wǎng)頁的標(biāo)準(zhǔn)語言”。
H5特性
H5 是 W3C 與 WHATWG 合作的結(jié)果，WHATWG 指 Web Hypertext Application Technology Working Group。WHATWG 致力于 web 表單和應(yīng)用程序，而 W3C 專注于 XHTML 2.0。在 2006 年，雙方?jīng)Q定進(jìn)行合作，來創(chuàng)建一個(gè)新版本的 HTML。
H5 中的一些有趣的新特性：
用于繪畫的 canvas 元素
用于媒介回放的 video 和 audio 元素
對(duì)本地離線存儲(chǔ)的更好的支持
新的特殊內(nèi)容元素，比如 article、footer、header、nav、section
新的表單控件，比如 calendar、date、time、email、url、search
H5的改進(jìn)：
新元素
新屬性
完全支持 CSS3
Video 和 Audio
2D/3D 制圖
本地存儲(chǔ)
本地 SQL 數(shù)據(jù)
Web 應(yīng)用
H5語義元素
定義頁面獨(dú)立的內(nèi)容區(qū)域。定義頁面的側(cè)邊欄內(nèi)容。允許您設(shè)置一段文本，使其脫離其父元素的文本方向設(shè)置。定義命令按鈕，比如單選按鈕、復(fù)選框或按鈕用于描述文檔或文檔某個(gè)部分的細(xì)節(jié)定義對(duì)話框，比如提示框標(biāo)簽包含 details 元素的標(biāo)題規(guī)定獨(dú)立的流內(nèi)容（圖像、圖表、照片、代碼等等）。定義元素的標(biāo)題定義 section 或 document 的頁腳。定義了文檔的頭部區(qū)域定義帶有記號(hào)的文本。定義度量衡。僅用于已知最大和最小值的度量。定義導(dǎo)航鏈接的部分。定義任何類型的任務(wù)的進(jìn)度。定義 ruby 注釋（中文注音或字符）。定義字符（中文注音或字符）的解釋或發(fā)音。在 ruby 注釋中使用，定義不支持 ruby 元素的瀏覽器所顯示的內(nèi)容。定義文檔中的節(jié)（section、區(qū)段）。定義日期或時(shí)間。規(guī)定在文本中的何處適合添加換行符。
H5瀏覽器支持
最新版本的 Safari、Chrome、Firefox 以及 Opera 支持某些 HTML5 特性。Internet Explorer 9 將支持某些 HTML5 特性。
IE9 以下版本瀏覽器兼容HTML5的方法
<!--[if lt IE 9]>? ? <script src="http://cdn.static.runoob.com/libs/html5shiv/3.7/html5shiv.min.js"></script><![endif]-->
載入后，初始化新標(biāo)簽的CSS：
/*html5*/article,aside,dialog,footer,header,section,nav,figure,menu{display:block}
?H5代碼規(guī)范
1. HTML5 元素名可以使用大寫和小寫字母。
但推薦你使用小寫字母：
混合了大小寫的風(fēng)格是非常糟糕的。
開發(fā)人員通常使用小寫 (類似 XHTML)。
小寫風(fēng)格看起來更加清爽。
小寫字母容易編寫。
2. 在 HTML5 中, 你不一定要關(guān)閉所有元素?(例如
元素)，但建議你每個(gè)元素都要添加關(guān)閉標(biāo)簽。
3. HTML5 屬性值可以不用引號(hào)。
屬性值我們推薦使用引號(hào):
如果屬性值含有空格需要使用引號(hào)。
混合風(fēng)格不推薦的，建議統(tǒng)一風(fēng)格。
屬性值使用引號(hào)易于閱讀。
4. 圖片通常使用 alt 屬性。在圖片不能顯示時(shí)，它能替代圖片顯示。
5. 等號(hào)前后可以使用空格。
6. 使用 HTML 編輯器，左右滾動(dòng)代碼是不方便的。
每行代碼盡量少于 80 個(gè)字符。
7. 不要無緣無故添加空行。
為每個(gè)邏輯功能塊添加空行，這樣更易于閱讀。
縮進(jìn)使用兩個(gè)空格，不建議使用 TAB。
比較短的代碼間不要使用不必要的空行和縮進(jìn)。
8. 樣式表使用簡(jiǎn)潔的語法格式：
將左花括號(hào)與選擇器放在同一行。
左花括號(hào)與選擇器間添加一個(gè)空格。
使用兩個(gè)空格來縮進(jìn)。
冒號(hào)與屬性值之間添加一個(gè)空格。
逗號(hào)和符號(hào)之后使用一個(gè)空格。
每個(gè)屬性與值結(jié)尾都要使用分號(hào)。
只有屬性值包含空格時(shí)才使用引號(hào)。
右花括號(hào)放在新的一行。
每行最多 80 個(gè)字符。
