Tad 教材網 - 線上書籍

:::

\[1001\]XOOPS網站門面專業設計
=====================

[![](http://tad0616.net/uploads/dl.gif)](http://www.tad0616.net/uploads/tad_book3/file/1001/05.pdf)

### 一、HTML5現況

1. HTML5將於2014年發布正式版
2. 廣義論及HTML5時，實際指的是HTML、CSS和JavaScript在內的技術組合
3. 各瀏覽器HTML5支援程度：http://www.findmebyip.com/litmus/
4. HTML5空白樣板：http://html5boilerplate.com/
 
### 二、HTML5和HTML4的差異

以下資料引用自：http://www.css88.com/archives/2796

1. 簡潔的DOCTYPE：  
   HTML5 只有一個簡單的文檔類型：<!DOCTYPE html>。它不使用版本，因此該文檔類型適用所有版本的HTML。
2. 簡單易記的語言標籤：  
   你並不需要在<html> 中使用xmlns 或xml:lang標記。<html lang="en"> 將對HTML5 有效。
3. 簡單易記的編碼類型：  
   你現在可以在meta 標籤中使用"charset"：<meta charset="utf-8" />
4. 不需要閉合標籤：  
   在HTML5 中，空標籤（如：br、img 和input ）並不需要閉合標籤。
5. 廢棄的標籤：  
   下面這些標籤並不被HTML5 支持：<acronym>、<applet>、<basefont>、<big>、<center>、<dir>、<font>、<frame>、<frameset>、<noframes>、<s>、<strike>、<tt>、<u> 和<xmp>。
6. 更加語義化的新增標籤：  
   HTML5 新增的一些新標籤除了不僅僅是更具語義的<div> 標籤的替代品，並不提供額外的功能。這些都是新增的標 籤：<article>、<section>、<aside>、<hgroup>、<header>,<footer>、<nav>、<time>、<mark>、<figure> 和<figcaption>。
7. 表單增強：  
   HTML5 為表單提供了幾個新的屬性、input 類型和標籤。到目前為止，只有Opera對HTML5 有比較好的支持。你因此應該下載Opera 來查看大部分新特性如何工作。
8. 新的INPUT類型：  
   color, email, date, month, week, time, datetime, datetime-local,number,range,search, tel, 和url
9. 新屬性：required, autofocus, pattern, list, autocomplete 和placeholder
10. 新元素：<keygen>, <datalist>, <output>, <meter> 和<progress>
11. 視頻和音頻：  
   音頻: ogg (ogg, oga), mp3, wav, AAC  
   視頻: ogg (ogv), H.264 (mp4)
12. 基於JavaScript 的2D 繪畫：  
   HTML5 中最讓人興奮的特性是<canvas> 還有很多內容，比如數據存儲，拖放等等
 
### 三、讓所有IE都支援HTML5的作法（加在<head></head>中）

:::