W3C 在 1 月 22 日發布了最新的 HTML5 工作草案。HTML5 工作組包括 AOL, Apple, Google, IBM, Microsoft, Mozilla, Nokia, Opera 以及數百個其他的開發商。HTML 5 中的一些新特性：嵌入音頻、視頻、圖片的函數、客戶端數據存儲，以及交互式文檔。其他特性包括新的頁面元素，比如 header, section, footer, 以及 figure。通過制定如何處理所有 HTML 元素以及如何從錯誤中恢復的精確規則，HTML5 改進了互操作性，并減少了開發成本。

本篇文章是一個由四個部分構成的系列的第三部分，該文章系列旨在尋找并突出說明HTML5中的變化。其開始先介紹新的標簽和頁面的組織，接著提供一些網頁設計方面的高層面信息，然后是表單的創建，以及API的使用及其價值所在，最后是Canvas提供的一些頗具創意的可能做法。

目錄，什么是SEO？搜索引擎排名因素網站SEO自我檢查URL規范化頁面HTML靜態化TITLE的書寫關鍵詞部署導航條設計瀏覽權限導致的未收錄案例分析什么是SEO？SEO簡稱“搜索引擎優化”。SEO是一種讓網站從百度、GOOGLE等搜索引擎獲得更多潛在客戶的網絡營銷方式。SEO的主要任務是通過對網站結構、關鍵字選擇、網站內容規劃進行調整和優化，提高網站在搜索結果中的自然排名。

W3C 在 1 月 22 日發布了最新的 HTML 5 工作草案。HTML 5 工作組包括 AOL, Apple, Google, IBM, Microsoft, Mozilla, Nokia, Opera 以及數百個其他的開發商。HTML 5 中的一些新特性：嵌入音頻、視頻、圖片的函數、客戶端數據存儲，以及交互式文檔。其他特性包括新的頁面元素，比如header, section, footer, 以及figure。 通過制定如何處理所有 HTML 元素以及如何從錯誤中恢復的精確規則，HTML 5 改進了互操作性，并減少了開發成本。

css簡介層疊樣式表樣式表的定義與使用直接定義標記的style屬性定義內部樣式表嵌入外部樣式表鏈接外部樣式表樣式表的定義與使用直接定義標記的style屬性

就如 HTML初級教程，CSS初級教程假設你對CSS一無所知。這個教程的目的是教授CSS的骨干元素──已經可以足夠讓你來開始學習了。CSS中級教程和CSS高級教程將探討CSS的更深層次。 CSS，或Cascading Styles Sheets，中譯層疊樣式表或級聯樣式表，是樣式化HTML的一種方法。HTML是文檔的內容，則樣式表是文檔的表現，或者說外觀。

FLOAT閉合（clearingfloat）網頁在某些瀏覽器上顯示錯位很多時候都是因為使用了float浮動而沒有真正閉合，這也是div無法自適應高度的一個原因。如果父div沒有設float而其子div卻設了float的話,父div無法包住整個子DIV，這種情況一般出現在一個父DIV下包含多個子DIV。

HTML語言是由萬維網的創始人蒂姆發明的。HTML語言除了能夠處理文字和圖片信息外，還能把文檔中的詞和圖像與其它文檔鏈接起來，做成一個“超鏈接”。當用戶點擊超鏈接時，就可以通過該超鏈接的URL把與其關聯的文檔查找出來并顯示在屏幕上。 　　 HTML對文件顯示的具體格式進行了詳細的規定和描述。例如，它規定了文件的標題、段落如何顯示，規定了如何在超文本文件中嵌入圖像、聲音和動畫，以及如何與其它文件進行鏈接等。

本手冊針對的是已有一定網頁設計制作經驗的讀者。其目的是提供最新最全的樣式表內容的快速索引及注釋。所以對于樣式表的基礎知識，在此僅簡單介紹，恕不贅述。 本手冊的升級信息與版權聲明請參閱關于本書頁面。本手冊中專用詞匯請參閱中英文詞匯對照表。 限于篇幅，對于一些過于繁雜的相關內容，如動態樣式屬性（Dynamic Properties），濾鏡（Filters），行為（Behaviors）請參閱我的其它相關著作。 本書中涉及到的所有HTML對象（Object，Element），HTML特性（Attributes）和屬性（Properties）請參閱我的相關著作。

表示一個縮寫形式，比如 "Inc."、"etc."。通過對縮寫詞語進行標記，您就能夠為瀏覽器、拼寫檢查程序、翻譯系統以及搜索引擎分度器提供有用的信息。abbr 標簽最初是在 HTML 4.0 中引入的，表示它所包含的文本是一個更長的單詞或短語的縮寫形式。瀏覽器可能會根據這個信息改變對這些文本的顯示方式，或者用其他文本代替。也許當前流行的瀏覽器對 <abbr> 標簽中包含的文本還沒有任何處理方式，但是我們無法預測將來的版本將會如何實現該標簽。

CSS就是Cascading Style Sheets，中文翻譯為“層疊樣式表”，簡稱樣式表，它是一種制作網頁的新技術。 網頁設計最初是用HTML標記來定義頁面文檔及格式，例如標題<h1>、段落<p>、表格<table>、鏈接<a>等，但這些標記不能滿足更多的文檔樣式需求，為了解決這個問題，在1997年W3C(The World Wide Web Consortium)頒布HTML4標準的同時也公布了有關樣式表的第一個標準CSS1, 自CSS1的版本之后，又在1998年5月發布了CSS2版本，樣式表得到了更多的充實。W3C把DHTML(Dynamic HTML)分為三個部分來實現：腳本語言(包括JavaScript、Vbscript等)、支持動態效果的瀏覽器(包括Internet Explorer、Netscape Navigator等)和CSS樣式表。

什么是瀏覽器HACK：當我們使用不同的瀏覽器（Firefox IE7 IE6）訪問同一個網站，或者頁面的時候，會出現一些不兼容的問題，有的顯示出來正常，有的顯示出來不正常，我們在編寫CSS的時候會很惱火，剛修復了這個瀏覽器的問題，結果另外一個瀏覽器卻出了新問題。而HACK就是一種辦法，能讓你在一個CSS里面獨立的寫支持不同瀏覽器的樣式。

盡管CSS資源的數量越來越多，但是在CSS郵件列表上仍然總是看到有人問同樣的問題：如何讓設計居中？最好的圓角框技術是什么？如何創建三列布局？ 如果你熟悉CSS設計社區，那么尋找解決方案時無非就是回想一下某篇文章或某種技術曾在哪個網站重點介紹過。但是，如果你是CSS的初學者，或者沒有時間閱讀所有博客，那么這些信息可能并不好找。 CSS有些方面（比如定位模型和特殊性）比較晦澀，即使是有經驗的CSS開發人員也會遇到問題。這是因為大多數CSS開發人員都是靠自學的，他們從各種文章和別人的代碼中學習經驗，而沒有全面理解CSS規范。這也不奇怪，因為CSS規范本身十分復雜，常常還自相矛盾，它的目標讀者是瀏覽器廠商而不是網頁開發人員。

HTML5是新興的web技術，雖然不是完全的新技術但是已經有很多的相關文章介紹HTML5，特別是當我們談論HTML5將成為Flash的替代品。現代瀏覽器的快速開發已經刺激用戶相應發展。毫無質疑，現在是學習HTML5的好時間，大多數的公司例如Google，Youtube，Facebook都已經開始使用HTML5來建站了。

HTML 5是時下Web開發領域炒得火熱的一個術語，是的，很多人都看好它，也有很多業內知名公司開始正式使用HTML 5重新構建自己的網站，如YouTube開始使用HTML 5視頻，Google 已經棄用自家的Gears，開始全面擁抱HTML 5實現離線解決方案，各大瀏覽器廠家也紛紛開始支持HTML 5，連被人詬病的微軟也聲稱要在IE 9中增加對HTML 5的支持。本文打算為大家詳細介紹一下如何構建一個完整的HTML 5 Web頁面，以加深對HTML 5的理解。

]HTML5的發展得如火如荼，各位技術人員都在深入的研究和試圖掌握此項技術，Webkit就做到了HTML5方式的客戶端數據庫存儲。且先看下Webkit是如何實現的吧！

Web設計師可以使用HTML4和CSS2.1完成一些很酷的東西。我們可以在不使用陳舊的基于table布局的基礎上完成文檔邏輯結構并創建內容豐富的網站。我們可以在不使用內聯<font>和<br>標簽的基礎上對網站添加漂亮而細膩的風格樣式。事實上，我們目前的設計能力已經讓我們遠離了那個可怕的瀏覽器戰爭時代、專有協議和那些充滿閃動、滾動和閃爍的丑陋網頁。

這段代碼是用HTML5來創建一個網頁顏色選擇器。首先在Canvas畫一幅圖，然后添加鼠標事件 “鼠標移動”，“鼠標點擊”。在鼠標移動的時候，顯示當前劃過的顏色預覽，在鼠標點擊的時候，選中當前顏色，顯示顏色的細節。

當前的Web開發存在著兩種趨勢，一是基于HTML、CSS和JavaScript技術，比如以Dojo工具包、jQuery等為基礎的HTML頁面；另一種是基于瀏覽器端運行時，如基于Flash、Silverlight等技術的應用。