一、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





arrow
arrow

    PG Levin Li 發表在 痞客邦 留言(0) 人氣()