瞭解HTML5
HTML5是HTML的最新版本，HTML又稱爲超文本語言。如今幾乎所有的智能手機和平板電腦都能支持HTML5。HTML5的主要目的是用來開發更優秀、更高效的Web應用，它是在開放Web標準下開發的API和規範的。對於iOS和Android設備，都能很好的支持HTML5，因爲它們運行的瀏覽器Safari、Chrome都基於WebKit，WebKit對HTML5有相當出色的支持。
Web應用
Web應用是指與桌面應用相似的web應用（Word、IE、Web瀏覽器），簡而言之，Web應用就是不直接在計算機上打開，而是通過Web瀏覽器來運行。使用HTML5爲iOS和Android設計Web頁面的好處是在未來的設備上可以繼續使用。
HTML5中的新標籤
<article>-文檔或站點的一個獨立部分
<aside>-頁面或站點主題之外的內容
<figcaption>-figure元素的標題
<figure>-獨立於文本流之外的一段流內容（圖形、圖表）
<footer>-文檔或章節的頁腳
<header>-文檔或標題的頁眉
<hgroup>-標題組
<nav>-導航
<section>-章節部分
以下是一小段代碼：
HTML5新的多媒體標籤
<audio>-內嵌音頻文件
<canvas>-內嵌動態圖形
<embed>-增添其他不包含特定H5元素的技術
<source>-內嵌音頻及視頻的源文件
<track>-內嵌音頻及視頻的輔助多媒體軌道
<video>-內嵌視頻文件
HTML5 的新屬性
onabort-操作終止時觸發
onbeforeonload、onbeforeonunload、onunload-在某一元素記載或卸載之前或同時觸發
oncontextmenu-打開菜單時觸發
ondrag、ondragend、ondragenter、ongragleave、 ongragstart、ongrop-發生拖拽時觸發
onerror及onmessage-錯誤或彈出信息時觸發
onscroll-用戶滾動瀏覽器滾動條時觸發
onresize-調整元素大小時觸發
HTML5擁有與視頻、音頻、Web應用程序、編輯頁面內容、拖拽以及展示瀏覽器歷史等功能相關的API，另外H5開放Web還提供於地理定位、Web存儲及離線Web應用程序的API，這些都非常適合在移動設備上使用。
用CSS3設計移動頁面樣式
CSS（層疊樣式表），是移動Web開發中的一個重要組成部分，CSS用於定義HTML文檔的外觀，Web頁面顯示或特定移動設備來定製HTML樣式。創建CSS樣式表，CSS由附加了樣式屬性的一個或者多個選擇器組成。例如在更改段落的文本顏色時，可以寫爲：
p {
color：red；
}
p爲選擇器，樣式屬性爲color：red。如果要加入第二個選擇器，需要逗號隔開
p， .redText }
color: red
樣式表附加到Web頁面的方法：
1、內聯在標籤中
2、內嵌於HTML開頭
3、放在一個獨立文檔作爲樣式表
內聯：
將單一段落的文本顏色定位爲紅色
<p style = "color : red;">
內聯的缺點是隻能定義所在標籤的樣式，如果要講所有段落都定義爲紅色時，需要就愛那個樣式屬性添加在每個段落。
內嵌：
內嵌樣式表位於文檔的<head>標籤中，使用<style>標籤，下面是講所有段落文本設置爲紅色
效果如下：
內嵌樣式與內聯樣式一樣，只能影響所處頁面的樣式。如果我們需要將同一樣式作用於其他Web頁面，需要將它們分別粘貼到每個頁面，這個時候獨立的樣式表的好處就體現出來了。
外聯樣式表
創建外聯樣式表的步驟：
1.打開一個新文檔
2.編寫樣式表，但是要去掉<style>標籤
3.講該文件保存爲擴展名爲.css的樣式表文件,例如 ：style.css
下面的代碼是將段落定義爲紅色幷包含其他樣式的樣式表
ps：1.完成樣式表，要記得講它附加到Web頁面中，在文檔開頭加一個指向樣式表的<link>標籤。代碼如下：
2.外聯樣式表可以提高網站加載速度，如果將所有樣式放在同一個文檔中的外聯樣式表
學習無止境，督促自己不斷前進吧！