Category Archives: HTML

HTML5 Boilerplate

HTML5 Boilerplate是一個幫助快速建立健壯並且高適應性Web應用或網站的樣板,其用戶有 GoogleMicrosoftNASABarack ObamaNike 等等。

主要特性:

  1. 精簡並且適合移動設備;針對Google Analysis進行了優化;
  2. 提供適合移動設備的圖標;
  3. 文檔內容豐富,包含眾多使用技巧和提示。
  4. 內置Nomalize.css v1.0.x。
  5. 內置jQuery和Modernizr特徵檢測庫。
  6. 提供Apache等服務器的設置,以此保證網站的高性能。

你可以下載源代碼查看文檔或者研究範例,當然你也可以按照你自己的需求來定製

認識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]–>

HTML 5 最優秀的5大改進

HTML 5 是超文本置標語言下一個重要版本,HTML 自1999年發佈 HTML 4.01 以來,其開發一直處於停頓狀態,而1999年至今正好是 Web 飛速發展的時間,現在的 HTML 版本已經無法適應現在的 Web 內容與應用。HTML 5 旨在提高 HTML 的交互行,支持當前多樣的,複雜的 Web 內容。同時,它也會解決 HTML 4 Web 應用功能上的欠缺。
Read more »

理解 comet

一、comet 由來

當服務器端數据發生變化時,客戶端如何即時得到通知呢?這個就是Comet誕生的背景。

Read more »

HTML vs. Flash:地盤大戰在即?

HTML vs. Flash:地盤大戰在即?    

ZDNet新聞專區:Stephen Shankland 2010/02/04 13:54:02 Adobe CTO Kevin Lynch

 網路開發者之間正在進行一項攸關網路未來的激烈辯論:是否該繼續使用Adobe Flash,或改用更新的技術?

 這項爭論已持續多年,但上週蘋果公司發表的iPad(和iPhone一樣)不支援Flash,再次炒熱這個話題。在那之前,Adobe曾低姿態地表示,只要蘋果點頭,他們非常樂意為iPhone提供Flash。

Read more »

雲端運算是「蠢事」??

Stallman:雲端運算是「蠢事」

不是人人都熱愛雲端運算,自由軟體基金會(FSF)創辦人兼GNU作業系統之父就說,雲端運算是件「蠢事」(stupidity),可能導致成本節節攀升。

Read more »