2013年4月1日 星期一
[HTML5]HTML5 的定義格式及與HTML4的差異
一、HTML版本
版本 年份
HTML 1991
HTML+ 1993
HTML 2.0 1995
HTML 3.2 1997
HTML 4.01 1999
XHTML 1.0 2000
HTML5 2012
XHTML5 2013
二、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
訂閱：
張貼留言 (Atom)
精選文章
初學 Java 的 HelloWorld 程式
撰寫一個JAVA程式 public class HelloWorld{ public static void main(String[ ] args){ System.out.println("我第一支Java程式!!"); } } ...
沒有留言:
張貼留言