網頁驗證

網頁驗證

通過W3C 驗證HTML 文件:

請輸入你需要驗證的網址:

通過W3C 驗證CSS 文件:

請選擇您需要驗證的CSS 版本,並輸入你需要驗證的CSS 文件:

不指定配置文件CSS 版本 1CSS 版本 2CSS 版本2.1CSS 版本 3SVGSVG BasicSVG TinyMobileATSC TV profileTV profile

通過W3C 驗證XHTML 文件:

XHTML 文檔根據文檔類型聲明(DTD)進行驗證。

你可以在我們的XHTML教程中閱讀更多關於XHTML驗證的信息。

在下面的本文框輸入你需要驗證的網址:

使用Internet Explorer 驗證XML 文件:

在下面的本文框輸入你需要驗證的網址:

使用Internet Explorer 驗證WML 文件:

在下面的本文框輸入你需要驗證的網址:

 

Web 標準

Web 標準

Web 標準會幫助我們實現WWW 的夢想。

Web 標準讓Web 開發更加容易。

為什麼使用web 標準?

由於存在不同的瀏覽器版本,web 開發者常常需要為耗時的多版本開發而艱苦工作。當新的硬件(比如移動電話)和軟件(比如微瀏覽器)開始瀏覽web 時,這種情況開始會變得更加嚴重。

為了web 更好地發展,對於開發人員和最終用戶而言非常重要的事情是,在開發新的應用程序時,瀏覽器開發商和站點開發商共同遵守標準。

web 的不斷壯大,使得越來越有必要依靠標準實現其全部潛力。web 標準可確保每個人都有權利訪問相同的信息。如果沒有web 標準,那麼未來的web 應用,包括我們所夢想的應用程序,都是不可能實現的。

同時,Web 標準也可以使站點開發更快捷,更令人愉快。為了縮短開發和維護時間,未來的網站將不得不根據標準來進行編碼。開發人員不必為了得到相同的結果,而掙扎於多版本的開發。

其他的考慮

一旦web 開發人員遵守了web 標準,由於開發人員可以更容易地理解彼此的編碼,web 開發的團隊協作將得到簡化。

某些開發人員認為標準等同於約束,並認為利用特殊的瀏覽器特性會為其工作成果增加保障。但是當訪問方式日益增加時,未來對這些頁面的調整會變得越來越困難。遵守標準是您解決此問題需要走出的第一步。只有使用web 標準,才能確保在不頻繁和費時地重寫代碼的情況下,所有的瀏覽器,無論新的或老式的,都可以正確地顯示您的站點。

Standardization 可增加網站的訪問量。

標準的web 文檔更易被搜索引擎訪問,也更易被準確地索引。

標準的web 文檔更易被轉換為其他格式。

標準的web 文檔更易被程序代碼訪問(比如JavaScript 和DOM)。

希望節省大量的時間嗎?請養成使用驗證服務來驗證頁面的習慣吧。驗證可使您的文檔與標准保持一致,並免於嚴重的錯誤。

易用性

易用性是HTML 標準的一個重要部分。

標準使得殘疾人士更容易地使用web。盲人可使用計算機為他們讀出網頁。而弱視的人士可重新排列並放大網頁。簡單的web 標準,比如HTML 和CSS,將使您的網頁更容易被語音閱讀器和其他不常見的輸出設備理解。

萬維網聯盟(World Wide Web Consortium)

萬維網聯盟,建立於1994 年,是一個國際性的聯盟,其宗旨是投身於“引領web 以激發其全部潛能”。

作為開發人員,特別是當創建這個教育性的網站時,我們願意幫助其實現這個夢想。

您可以在下一節閱讀更多有關W3C 的內容。

ECMA

歐洲計算機工業協會(ECMA),1961 年創建於瑞士,其目標是滿足對計算機語言和輸入輸出代碼進行標準化的需要。

ECMA 不是一個官方的標準化機構,而是一個與其它官方機構,比如國際標準化組織(ISO) 和歐洲通信標準機構(ETSI),進行合作的公司聯合體。

對於web 開發人員來說,最重要的標準是ECMAScript,JavaScript 的標準化。

ECMAScript 是一種標準化的腳本語言,用來處理由W3C 文檔對像模型(DOM) 所規定的網頁對象。通過ECMAScript,可對DOM 對象進行添加、刪除或修改。

ECMAScript 標準基於Netscape 的JavaScript 和微軟的JScript。

最新的ECMAScript 規範是ECMA-262:

http://www.ecma-international.org/publications/standards/ECMA-262.HTM

網站設計

網站設計

設計網站需要嚴謹的思考和周全的計劃。

最重要的事情是了解您的受眾(用戶)。

用戶都是瀏覽者

如果您認為一般的用戶會完完整整地閱讀您的網頁,那麼您就錯了。

無論您在網頁中發布了多麼有用的信息,一個訪問者在決定是否繼續閱讀之前僅僅會花幾秒鐘的時間進行瀏覽。

如果您希望用戶閱讀您的文字,請確保在頁面段落的第一句就說明您的觀點。另外,您還需要在整個頁面中使用簡短的段落以及有趣的標題。

少即是多

使所有的句子盡可能地短。使所有的段落盡可能地短。使所有的章節盡可能地短。使您的頁面盡可能地短。

請在段落和章節之間使用很多的留白。充斥著冗長文字的頁面會趕走您的用戶。

也不要在單一的頁面上放置太多的內容。如果確實有必要傳遞大量的信息,請盡量把內容分為小塊,然後放入不同的頁面中。不要指望每個訪問者都能把一張數千字的頁面一路滾動到底。

導航

盡量創建通用於網站中所有頁面的導航結構。

把文本段落中的超鏈接使用量降至最低。請不要使用文本段落內的超鏈接隨意地把訪問者帶到別的頁面。因此這樣做會破壞導航結構一致性的感覺。

如果您必須使用超級鏈接,請把它們添加到段落的底部,或站點的導航菜單。

下載速度

最常見的錯誤是用於網站開發者的開發環境造成的,例如使用一臺本地的機器開發站點,或者使用一條高速的因特網連接。開發人員有時不會意識到下載他們的頁面要花很長的時間。

因特網可用性方面的研究告訴我們,如果網頁的下載時間超過7秒,大多數的訪問者會選擇離開。

在您發布任何大量的內容前,請確保這些頁面在低速的調製解調器連接上進行過測試。如果您的頁面需要花大量的時間下載,您或許應當考慮刪除某些圖片或多媒體內容。

允許您的用戶發言!

得到來自用戶的反饋是件好事情。您的訪問者就是你的“客戶”。他們經常會給您一些有價值的點子,或者無償地向您提供改進的建議。

如果您提供了某種方便的聯繫途徑,您將得到來自很多技能和知識都各不相同的人們大量有益的反饋。

網站構建高級教程

網站構建高級教程

當您將我們的《網站構建教程》學習完畢,您會掌握如何建設一個專業的網站。

您也會學到如何做好面向未來的準備,以及如何使用諸如XHTML 和XML 之類的新技術。

開始學習網站構建

內容目錄

網站構建
一個網站開發人員必須掌握的知識是什麼?不要跳過本章,其中的內容非常重要。所以,將這一章全部讀完吧!
網站設計
本章內容:如何設計你的站點。
網絡用戶
本章內容:網絡用戶以及他們使用什麼類型的設備。
網站標準
本章內容:WEB 標準,以及如何使用它們。
網站驗證
本章內容:如何驗證您的網站中的HTML、XHTML、CSS、XML、和WMP 頁面。
萬維網聯盟
本章內容:萬維網聯盟。
網絡安全
本章內容:當網上沖浪時,如何保護您的計算機。

 

HTML5 教程-HTML 5 Canvas vs. SVG

HTML 5 Canvas vs. SVG

Canvas 和SVG 都允許您在瀏覽器中創建圖形,但是它們在根本上是不同的。

SVG

SVG 是一種使用XML 描述2D 圖形的語言。

SVG 基於XML,這意味著SVG DOM 中的每個元素都是可用的。您可以為某個元素附加JavaScript 事件處理器。

在SVG 中,每個被繪製的圖形均被視為對象。如果SVG 對象的屬性發生變化,那麼瀏覽器能夠自動重現圖形。

Canvas

Canvas 通過JavaScript 來繪製2D 圖形。

Canvas 是逐像素進行渲染的。

在canvas 中,一旦圖形被繪製完成,它就不會繼續得到瀏覽器的關注。如果其位置發生變化,那麼整個場景也需要重新繪製,包括任何或許已被圖形覆蓋的對象。

Canvas 與SVG 的比較

下表列出了canvas 與SVG 之間的一些不同之處。

Canvas

  • 依賴分辨率
  • 不支持事件處理器
  • 弱的文本渲染能力
  • 能夠以.png 或.jpg 格式保存結果圖像
  • 最適合圖像密集型的遊戲,其中的許多對象會被頻繁重繪

SVG

  • 不依賴分辨率
  • 支持事件處理器
  • 最適合帶有大型渲染區域的應用程序(比如穀歌地圖)
  • 複雜度高會減慢渲染速度(任何過度使用DOM 的應用都不快)
  • 不適合遊戲應用