[精讚] [會員登入]
205

W3C 的檢測及規範

w3c和一個Mozilla基金會提供的線上檢測w3c的網站

此文完整連結 http://n.sfs.tw/10443

複製連結 W3C 的檢測及規範@新精讚
(文章歡迎轉載,務必尊重版權註明連結來源)
2016-12-17 08:21:33 最後編修
2016-12-17 07:33:16 By 瘦河馬
 

何謂 W3C

The World Wide Web Consortium (W3C)  是一個國際協會,制定一些開放且共同的標準,讓網頁的發展能夠共同遵循。

下面是一個Mozilla基金會提供的線上檢測w3c的網站:

檢測標籤

http://validator.w3.org/

檢測CSS

http://jigsaw.w3.org/css-validator/validator.html.en

檢測畫面

CSS檢測也是一堆錯

通過檢測會看到這一行字

有些錯是疏忽所造成的,有些是我以前都不知道的(或因不同html版本的規定有異動),可藉由此網站來優化自己的標籤或css碼。

該注意的地方

1. 圖片標籤img內的邊框屬性border在XHTML 1.1中也是不合法的。驚!

2. 在img裡,alt屬性是必須的。驚!

3. 在XHTML中所有的標籤都必須小寫和關閉。沒有閉合標籤的(如brimg)必 須用英文半型的斜線/在後面自關閉(如<br/>)。注意在斜線前 應該有一個英文半型空格。早就知道了 =3=

4. span和div的不同之處在於span是內聯的,用在一小塊的內聯HTML中,而div(想想division是什麼意思)元素是塊級的

5. js 事件中我常忘記的 onkeypress 應和 onclick 同時使用。我常忘記 onkeypress

6. 所有的標籤屬性都應該加上 引號 " " ,例如我常偷懶寫成 border=0 ,以後要改寫為 border="0"

7. display: none 改為 把元素寬和高設置為零(width: 0; height: 0; overflow: hidden;),有相同的視覺效果,也可以使螢幕閱讀器理解。疑?

8. 連結的標籤中如果有用到 & 這個符號,應該要寫成 & 例如:  a href="index.php?f=Login&amp;b=123" 應該要寫成這樣才是正確的:  a href="index.php?f=Login&b=123" 。驚!

9. 所有的標籤都應該要小寫。啊~~~~~~~我長久以來以為都要大寫咧

10. 所有的屬性都不能用省略的寫法,例如 checked 要改寫為 checked="checked";readonly="readonly"

11. <img> 標籤的width="" 只能接受數字,不能接受百分比的表示法,例如 <img width="100%" 要改成 <img style="width:100%"

12. <div> 不能放在<span>或<legend>裡面

自己拿這個網站一檢查…驚 478 errors,322 warnings,看來有一段很長的路要走。(註:舊note)

參考資料

1. w3c 檢測網站 http://validator.w3.org/

2. 無聊人的無聊故事::完全W3C手冊 http://www.chweng.idv.tw/w3cguide/ 連結佚失


原文編修自 2010-04-24 20:51:00

你可能感興趣的文章

[Gigapixels] 世界最大的單張倫敦照片-3200億畫素 世界最大的單張倫敦照片-3200億畫素,從BT塔上拍攝。

2016 網頁設計的8項觀念 我觀察了這近網頁設計的趨勢,寫出8點設計上應該要注意的給大家參考

台灣2019節慶國定假日 ics下載 找不到2019的假日檔,沒關係,我自己做一個

網路是平的?所以競爭來自四面八方! 在二十世紀末的時候,網際網路的出現改變了這個世界。但不表示你可以分一杯羹。

使用大頭貼網站 Gravatar 使用全球公開的大頭貼網站,帶來更多的方便

[Firefox] 使用Firefox一次將頁面所有圖檔下載 使用Firefox一次將頁面所有圖檔下載的3個方法

WD硬碟的效能評比 想買WD的硬碟,要怎麼選?

程式、函數、資料庫命名的風格 程式或資料庫自己定義統一的命名規則,可以防止因為一個拚字的錯誤花了半個小時來找,也可說是提升工作效率的關鍵。

用Nibbler檢視你的網站優缺點 用Nibbler檢視你的網站存取能力、seo、社交媒體和技術

銅網路線路UTP測試名詞解釋 一條銅網路線的品質好不好得經過測試,測試也是有學問的

我有話要說


限制:留言最高字數1000字,超過部分會被截掉。請注意:留言不可帶有網址,會被濾掉。 限制:未登入訪客,每則留言間隔需超過10分鐘,每日最多5則留言。

訪客留言

[無留言]

隨機好文

[札記] 2016.7~12月札記 札記,只是札記

外匯課程經驗 有天遇到某個朋友的正妹朋友,說她有個很棒的外匯投資課程,要我們去聽,只收場地費200大洋。她又說續效最差一個月也有1%,誰還在苦哈哈上班?

APACHE的記錄檔格式 LogFormat 語法 在APACHE中有定義一些記錄的語法模版 在 /etc/httpd/conf/httpd.conf 中: LogForm

[MAC] 安裝APACHE+PHP OS Darwin OpenIDMac1deAir 15.6.0 Darwin Kernel Version 15.6.

此一時彼一時 我是不是易怒的人,其實我也不知道,總之我常會失控,不知道自己在幹嘛。這近生活過得浮浮的,不是很踏實,總會想太多,我甚至會