來玩超級瑪利 按下此連結： 超級瑪利網頁版
參考來源：
http://www.bnext.com.tw/article/view/id/29666#.UmFNkvCwA_Q.facebook
http://mashable.com/2013/10/14/super-mario-bros-browser/
- 10月 18 週五 201323:09
遊戲打開瀏覽器也能玩「超級瑪利」
來玩超級瑪利 按下此連結： 超級瑪利網頁版
參考來源：
http://www.bnext.com.tw/article/view/id/29666#.UmFNkvCwA_Q.facebook
http://mashable.com/2013/10/14/super-mario-bros-browser/
- 4月 01 週一 201313:56
HTML5 的定義格式及與HTML4的差異
一、HTML版本
版本年份
HTML1991
HTML+1993
HTML 2.01995
HTML 3.21997
HTML 4.011999
XHTML 1.02000
HTML52012
XHTML52013
二、HTML5 中的新特性：
用於繪畫的 canvas 元素
用於媒介回放的 video 和 audio 元素
對本地離線存儲的更好的支持
新的特殊內容元素，比如article、footer、header、nav、section
新的表單控件，比如calendar、date、time、email、url、search
三、瀏覽器支援
最新版本的 Safari、Chrome、Firefox
以及 Opera 支持某些 HTML5 特性。
Internet Explorer 9 將支持某些HTML5 特性。
四、HTML 5新增的HTML元素
. <article>定義文章
. <aside>除了定義內容頁面內容
. <audio>定義聲音內容
. <bdi>隔離開來的一部分可能被格式化的文本，
在不同的方向上從外面 的其他文本(對於雙向文本格式)
. <canvas>用於繪製圖形，在飛行中，通過腳本（通常是JavaScript）
. <command>定義一個命令按鈕，用戶可以調用
. <datalist>指定一個預先定義的選項列表輸入控件
. <details>定義更多詳細信息，用戶可以查看或隱藏
. <embed>定義了一個容器的外部（非HTML）的應用程序
. <figcaption>定義一個標題的<figure>元素的
. <figure>指定自包含的內容
. <footer>定義頁腳的文檔或節
. <header>定義一個標題文檔或節
. <hgroup>組標題（<h1>到<h6>）元素
. <keygen>定義一個密鑰對生成器字段（為形式）
. <mark>定義標記/高亮顯示的文本
. <meter>定義一個標量測量，在公知的範圍內（壓力表）
. <nav>定義導航鏈接
. <output>定義計算的結果
. <progress>表示一個任務的進度
. <rp>定義顯示在瀏覽器不支持Ruby的註釋
. <rt>定義一個解釋/發音的字符（東亞排版）
. <ruby>定義一個的紅寶石註釋（東亞排版）
. <section>在文檔中定義了一個節
. <source>定義多種媒體資源，為媒體元素（<VIDEO>和<audio>）
. <summary>定義一個可見的標題為一個<details>的元素
. <time>定義一個日期/時間
. <track>定義文本軌道媒體元素（<VIDEO>和<audio>）
. <video>定義視頻或電影
. <WBR>定義一個可能的換行
五、HTML 5 丟棄的元素：
. <acronym> 首字母縮寫
. <applet> 嵌入式applet
. <basefont> 在文檔中的所有文本中指定默認的顏色，大小和字體
. <big> 定義大的文本
. <center>定義居中文本
. <dir>定義目錄列表
. <font>定義字體，顏色和大小的文本
. <frame>定義在框架窗口(a frame)
. <frameset>定義一組框架
. <noframes>定義一個替代內容的用戶不支持框架
. <strike>定義刪除線文本
. <tt>定義電傳文本
參考來源：http://www.w3schools.com/tags/default.asp
五、定義及使用
<！DOCTYPE>幫助瀏覽器正確顯示網頁。
有許多不同的文件在網絡上，
瀏覽器只能顯示一個HTML頁100％正確，
可讓瀏覽器知道HTML類型和版本。
通用定義
HTML5 為：
<!DOCTYPE html>
HTML 4.01 為：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
XHTML 1.0 為：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
跟多定義可以詳查
w3schools
http://www.w3schools.com/tags/tag_doctype.asp
HTML Example
<!DOCTYPE html>
<html>
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
</html>
w3schools Example
http://www.w3schools.com/html/tryit.asp?filename=tryhtml_intro
六、HTML5、HTML4.01 tag 差異 CSS HTML5 <style></style> HTML4.01 <stryle tye="text/css"></style> JavaScript HTML5 <script></script> HTML4.01 <script type="java/javascript"></script> 文字編碼設定 HTML5 <meta sharset="UTF-8"> HTML4.01 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
七、參考網站：
w3schools
1
ZK (1)