:::

5. 認識HTML5

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


:::

搜尋

QR Code 區塊

https%3A%2F%2Fwww.tad0616.net%2Fmodules%2Ftad_book3%2Fpage.php%3Ftbsn%3D18%26tbdsn%3D411

書籍目錄

展開 | 闔起

線上使用者

32人線上 (8人在瀏覽線上書籍)

會員: 0

訪客: 32

更多…