了解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.外聯樣式表可以提高網站加載速度，如果将所有樣式放在同一個文檔中的外聯樣式表
學習無止境，督促自己不斷前進吧！