線上書籍

Home

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

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

<!--[if IE]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->