網頁設計SEOW3C Validated 線上 HTML 及 CSS 校驗工具

W3C Validated

XHTML The eXtensible Hypertext Markup Language 1.0

建議規格已於公元 2000 年一月二十六日由 W3C (World Wide Web Consortium) 所宣佈 XHTML1.0 是將 HTML4 修改為符合 XML1.0 語法的規格。簡單的說 XHTML 是以 XML 技術為基礎的 HTML,其使得 Web 世界朝向模組化及可擴展化。

W3C 提供針對 HTML 及 XHTML 文件的驗證 Valdidation 服務,提供公開原始碼的程式。可以協助將一般的 HTML 4 文件轉換為 XHTML 文件幫助開發者修正文件中的錯誤問題做處理。

驗證服務根據文件宣告的版本驗證工具先由讀取 DOCTYPE 宣告而決定使用的標準,驗證工具將會檢查錯誤,並可以顯示出網頁內之問題,完成符合標準符合結構要求的網站。


Valid XHTML 1.0 StrictValid CSS!

線上驗證網址

W3C 官方的 (X)HTML 線上校驗工具 http://validator.w3.org

W3C 官方的 CSS 線上校驗工具 http://jigsaw.w3.org/css-validator/

W3C 網站 http://www.w3.org


相關驗證網址

HTML 驗證的資源 https://blogging.com/html-validators/

WDG HTML Validator http://www.htmlhelp.com/tools/validator/

CSE HTML Validator http://www.onlinewebcheck.com/



無法通過 W3C MarkUp Validator 的檢驗

在 XHTML 中所有的標籤都必須小寫和關閉,在標籤最後加一個 “/” 來關閉它。
<img src="images/banner.png" width="16" height="16" alt="" />
圖片標籤 <img> 內的邊框屬性 borderXHTML 1.1 中也是不合法的,且 alt 屬性是必須的。

連結中的標籤 <a href="test.asp?id=1033&q=css">Valid</a> 其中的 & 需改用 &

標籤的屬性都應該加上引號 "",例如 class=btn 則需寫成 class="btn" 才能正確。

虛擬換行 <textarea wrap="virtual"></textarea>,wrap="virtual" 是不合法的。

屬性不能用省略的寫法,例如 checked 要改寫為 checked="checked"readonly="readonly"

以新視窗開啟 target="_blank" 需改用 onclick="this.target='_blank'"

HTMLblock(塊元素) 及 inline(內聯元素)使用的順序不可反了,即內聯元素需在塊元素之內。

Modification in

Google Page Speed 網站最佳化建議工具

改善網頁的載入效能,分析網站開啟速度,提供最佳化建議

https://developers.google.com/pagespeed/

FireBug

Google Page SpeedFirefox 附加的外掛程式,需要先安裝 FireBug 擴充套件才可使用,主要功能用來測試與衡量網頁執行的效能,經由列出的建議做微調及改善、提供更多更具體的改善細節與最佳化,讓網站開啟速度更快、耗用更少的網路頻寬並強化網站運作效能。

部落格版主2012/01/26星期四