檢查網站是否通過HTML5驗證？ - 香腸炒魷魚

第3步 以下方的錯誤為例，這是指Facebook讚按鈕的iframe樣式需要改用CSS去調整，等於說我們需要修改iframe語法將它改成CSS屬性，然後到網站的style.css內 ... 淘寶教學 蝦皮教學 免費軟體 iPhone/iOS Android 技巧應用 Google Windows 網路賺錢 好站推薦 網站架設 WordPress 網頁設計 虛擬主機 免費版型 網域應用 產品開箱 評測邀約 關於本站 誰是香腸? 誰是魷魚絲? 網誌聯播 意見反饋 合作邀約 首頁 好站推薦 檢查網站是否通過HTML5驗證？ 製作網頁的門檻其實不高，但是想要通過W3C標準驗證那就不容易了。

雖然說沒有通過驗證也不會讓網站不能看，或是搜尋引擎搜尋不到，但是既然有一個標準規則，有能力的話倒是可以嘗試挑戰自己，試著去遵守標準規範，未來網頁後續維護、或是轉接給別人，也比較好做調整，不會標準不一，讓後續維護或是接手的人感到許多困擾。

一直以來，網頁標準就好幾版，現在又多出了一個新規格HTML5，不過這規格是未來的趨勢走向，因為越來越多的瀏覽器都開始支援，因此網站打造成HTML5是遲早的事情。

如果現在有時間，倒是可以自我挑戰，把網站改成HTML5的架構，並搭配W3C的規範，讓網頁符合未來標準，先做這些動作，並不會比較吃虧，而是以後就不用忙著轉換規格了。

目前驗證的網站有標準的W3C和另外一個專門的HTML5驗證網站，兩者驗證出來結果是相差不遠的，但是大家可以根據兩個驗證的網站作為參考，進而修改自己的網站，以符合標準規格。

以前的年代就是規格不一，再加上IE瀏覽器都喜歡跑自己的規格，才會讓網頁設計者一天到晚需要校正東、校正西的，如果都循相同標準，這些麻煩事就都沒了。

W3C驗證服務 網站名稱：W3C 網站網址：http://validator.w3.org/ 第1步 輸入網址之後，編碼部分選【utf-8(Unicode,worldwide)】，DocumentType選擇【HTML5(experimental】，然後點﹝Check﹞檢測。

第2步 檢測完後，會看到錯誤與警告，下方有提示說明可進行修正。

第3步 以下方的錯誤為例，這是指Facebook讚按鈕的iframe樣式需要改用CSS去調整，等於說我們需要修改iframe語法將它改成CSS屬性，然後到網站的style.css內加入對應的CSS。

Validator.nu驗證服務 網站名稱：Validator.nu(X)HTML5Validator 網站網址：http://html5.validator.nu/ 第1步 這是另外一個驗證服務，專門驗證HTML5的，可以直接輸入網址，並點﹝Validate﹞。

第2步 很快的，錯誤訊息就會再次出現了，快根據錯誤修正吧！(香腸比較偏好這個網站，因為她清晰乾淨，比較好看到錯誤訊息是什麼) 通常，驗證不過的都是外部服務，以香腸炒魷魚為例，Facebook留言框、讚按鈕、Google+1按鈕等等的外部服務造成驗證不過，不然基本的網頁架構是都修正完畢了。

當然只丟網站首頁只有對首頁驗證，可以丟一下其他內頁部分進行驗證，把網頁修正完畢。

香腸在驗證的時候，發現他幫我檢測出我的開新視窗連結語法拚錯、側邊欄網頁模組少一個div，感覺蠻有效益的，大家有空的時候，不妨也拿自己的網站去檢測看看，讓自己的網站符合標準規則。

雖然沒有正確的資訊說符合標準對SEO絕對優勢，但是能符合標準，未來要解決問題也會比較好處理。

相關文章GooglePageSpeedInsights提供網站速度測試/優化最佳建議「SiteAdvisor」網頁檢測，輕鬆防毒、防駭、防詐騙！Pingdom找出拖垮網站速度的元凶(網頁速度檢測)[教學]如何取消Twitter隱私敏感內容？iOS設定也通用[教學]Cloudflare免費不限流量CDN、DNS代管，網站全球加速、減輕伺服器負擔「HTML5test」測試你的瀏覽器對HTML5支援度有多高檢查網站是否通過CSS3驗證？[教學]如何申請教召請假核免、隔離確診補請假流程？ 台灣一日遊行程懶人包，連假景點，老街必吃必買逛透透，親子旅遊行程，約會打卡好去處 站內搜尋 Sponsored 訂閱最新文章 輸入你的電子郵件地址訂閱網站的新文章，使用電子郵件接收新通知。

電子郵件位址 訂閱 最新文章 [教學]如何申請教召請假核免、隔離確診補請假流程？ [教學]如何取消Twitter隱私敏感內容？iOS設定也通用 [教學]富邦產險保單理賠怎麼寄送最快受理？進度如何查詢？ [教學]如何填寫富邦產險理賠防疫險/疫苗險申請書(範本)？ GMail學校信箱要回收了怎辦？改微軟Live信箱繼續擁有學術信箱！ [教學]如何線上申請「接觸者隔離證明」的居隔單？ [教學]富邦防疫險理賠怎麼申請？隔離確診需要準備哪些文件？ [教學]如何解決蝦皮註冊電話驗證無法接到電話問題？ 網站分類 Blog Google iPhone/iOS Windows WordPress 免費軟體 好站推薦 好笑好玩 技巧應用 時勢新訊 樂活旅遊 淘寶教學 生活紀錄 產品開箱 網域應用 網站架設 網路評論 網路賺錢 蝦皮教學 評測邀約 訂閱最新文章 輸入你的電子郵件地址訂閱網站的新文章，使用電子郵件接收新通知。

電子郵件位址 訂閱 友站連結 阿腸網頁設計 省錢柑仔店 趣旅行 簡單生活Easylife Yuki’sLife Funtory設計生活 瑞媽咪の樂活人生～RayFamily