搜尋

隨機推薦

23 十一月 2010
22 十一月 2011

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

大多數做過網頁設計的都知道「CSS框架」,而且肯定有很多設計師已經開始在作品中使用CSS框架。

就像其他編程語言一樣,CSS也可以把一些重複使用的代碼整合起來,這樣可以減輕很多的工作量。

恰當地利用CSS框架可以縮短開發時間,不過話說回來,如果選錯了CSS框架胡亂用於實際開發中,必然會適得其反。

下面介紹的是一些值得深入研究的開源CSS框架,你可以通過搜索輕易地獲取源代碼。

HTML發展的瓶頸

  • 1995 年的 RFC 1866( HTML 2.0 ) 僅定義結構化的標記,如h1 到 h6、p、pre、address、blockquote、ol、ul、dir、menu、dl、b、i、cite、code、em、strong、tt 等,沒有外觀呈現的標記。
  • Microsoft 與 Nescape的瀏覽器大戰創造了許多與外觀而非結構的標籤,像是 font、IE 的跑馬燈、Netscape 的 blink 等等,以及一些顏色相關的屬性,原本簡單的 HTML 突然間複雜了起來,實際可用的資訊與外觀呈現有關的標記數量相較之下令人驚訝。(由font組成的標題僅有外觀上的意義而無結構上的意義)
    <font size="+3" face="細明體" color="red">標題文字</font>
  • 1997 年的 HTML 3.2 也因此較之前的版本要多出了許多的標籤和屬性,這樣文章內容與呈現的標籤混雜在一起,造成了不少編寫網頁上的困難(尤指外觀風格的統一)。

一、使用CSS縮寫

使用縮寫可以幫助減少你CSS文件的大小,更加輕易閱讀。css縮寫的主要規則請參看《常用css縮寫語法總結》,這裡就不展開描述。

二、明確定義單位,除非值為0

忘 記定義尺寸的單位是CSS新手普遍的錯誤。在HTML中你可以只寫width=\"100\",但是在CSS中,你必須給一個準確的單位,比 如:width:100px width:100em。只有兩個例外情況可以不定義單位:行高和0值。除此以外,其他值都必須緊跟單位,注重,不要在數值和單位之間加空格。

平常我們使用文字編輯軟體,例如Microsoft Office 的Word。裡面會有一些編輯文字的工具列,如下圖:

這個工具列應該很熟悉,許多軟體裡頭編輯文字時都會有類似的工具列,如果把HTML當作WORD看待,會不會比較好理解呢?

第一個選項是樣式,關於CSS的部分挪到後頭再說。

第二個是字體選項,在字體選項當中,無論是HTML裡頭的font或是CSS的font都有一個原則,如果你選了一個別人電腦不一定有的字型,那麼在他人電腦上就不會顯示出來,只會以預設字體為主。接下來是字級大小的設定。根據HTML,有一個標籤叫做FONT。

概要

網絡是不斷的進化的. 新的和有創意的網站天天都在出現, 從各方面都在衝擊著HTML的邊界. HTML 4來到我們身邊已經差不多有10年了, 發行者們不斷的尋求提供更強大的功能的新技術, 但是常會因為標記語言和瀏覽器的約束而路途坎坷.

為了給作者們提供更靈活, 更具互操作性, 能有更多交互性並令人振奮的網站和應用程序, HTML 5 引入並加強了一系列功能, 包括表單控制, 應用程序接口(APIs), 多媒體, 結構化和語義化.

萬維網聯盟(W3C)發佈了HTML 5規格說明書的草稿 ,這是自HTML 4在十多年前發佈以來的第一個主要的修訂版.在這期間,隨著開發者逐漸將自己的應用程序移植到Web之上,它已經從一個主要的靜態媒體發展為互動的應用程 序,具有豐富的媒體內容.HTML 5的目的就是要反映出這樣的變化.

第 4 頁,共 5 頁

Please publish modules in offcanvas position.