:::
4-1 上課範例
5. 認識HTML5
一、HTML5現況
- HTML5將於2014年發布正式版
- 廣義論及HTML5時，實際指的是HTML、CSS和JavaScript在內的技術組合
- 各瀏覽器HTML5支援程度：http://www.findmebyip.com/litmus/
- HTML5空白樣板：http://html5boilerplate.com/
二、HTML5和HTML4的差異
以下資料引用自：http://www.css88.com/archives/2796
- 簡潔的DOCTYPE：
HTML5 只有一個簡單的文檔類型：<!DOCTYPE html>。它不使用版本，因此該文檔類型適用所有版本的HTML。 - 簡單易記的語言標籤：
你並不需要在<html> 中使用xmlns 或xml:lang標記。<html lang="en"> 將對HTML5 有效。 - 簡單易記的編碼類型：
你現在可以在meta 標籤中使用"charset"：<meta charset="utf-8" /> - 不需要閉合標籤：
在HTML5 中，空標籤（如：br、img 和input ）並不需要閉合標籤。 - 廢棄的標籤：
下面這些標籤並不被HTML5 支持：<acronym>、<applet>、<basefont>、<big>、<center>、<dir>、<font>、<frame>、<frameset>、<noframes>、<s>、<strike>、<tt>、<u> 和<xmp>。 - 更加語義化的新增標籤：
HTML5 新增的一些新標籤除了不僅僅是更具語義的<div> 標籤的替代品，並不提供額外的功能。這些都是新增的標 籤：<article>、<section>、<aside>、<hgroup>、<header>,<footer>、<nav>、<time>、<mark>、<figure> 和<figcaption>。 - 表單增強：
HTML5 為表單提供了幾個新的屬性、input 類型和標籤。到目前為止，只有Opera對HTML5 有比較好的支持。你因此應該下載Opera 來查看大部分新特性如何工作。 - 新的INPUT類型：
color, email, date, month, week, time, datetime, datetime-local,number,range,search, tel, 和url - 新屬性：required, autofocus, pattern, list, autocomplete 和placeholder
- 新元素：<keygen>, <datalist>, <output>, <meter> 和<progress>
- 視頻和音頻：
音頻: ogg (ogg, oga), mp3, wav, AAC
視頻: ogg (ogv), H.264 (mp4) - 基於JavaScript 的2D 繪畫：
HTML5 中最讓人興奮的特性是<canvas> 還有很多內容，比如數據存儲，拖放等等
三、讓所有IE都支援HTML5的作法（加在<head></head>中）
<!--[if IE]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
