iT邦幫忙

2023 iThome 鐵人賽

DAY 3
0
Modern Web

切版與CSS:打造工具箱與切版施工流程!系列 第 3

Day03 學習看文件W3C,武林秘笈之文件意識

  • 分享至 

  • xImage
  •  

看不懂啊

起初,跑去問問題,得到一則W3C官方規範網址,我試圖集中注意力,想要看透它,每個單字都懂意思,合在一起就看不懂了。是天書無誤,心想,規範有夠難看懂,為何要看規範?

為何要看規範文件

然後我就跑去問大大學長兼饅頭的Chris,在對談中,歸納出這幾點:

  • 規範就是第一手資料,是官方直接釋出的。
  • 這就是所謂的『標準答案』官方原廠文件。
  • 看得懂,少走冤枉路。還可以辨認,誰在胡說八道。
  • 有心深耕,這是個武功秘笈,搭配練功,打通任督二脈!

對我的影響

  • 於是我從『東看看,西看看』的未啟蒙狀態,開始有了『官方文件』意識。
  • 雖然官方文件真的不太好消化,我會搭配,被消化過的第二或第三手資訊,但我知道,要去拜碼頭,功力也會慢慢上升的。
  • 目前CSS號稱『CSS3』其實不是真的版本3,而是一種統稱,有些部分已經更新4.0,而有些則停留在2.2,基本上,能夠把讀2.2版即可獲得整體樣貌。
  • 不用一口氣啃完,有個概念,等遇到需要知道更細節的部分再去查即可。
  • 會更優先讀那些,參考資料,引用規範的文章。

如何看 W3C CSS規範

W3C

W3C的全名為World Wide Web Consortium,中文可翻作「全球資訊網協會」,是從1994年便建立的世界性組織。W3C的要旨是建立一個能相容任意平台的WEB(網站),它訂定了許多標準,寫網頁大多都會用到的HTML和CSS也是由W3C來制定與維護的。

W3C CSS標準規範的制定流程

The CSS of the Future: The Standardization Process
Imgur
Imgur

依照W3C規範有什麼好處

  • 提高網站排名,網頁的結構化清楚,容易被網頁爬蟲抓取內容被搜尋到。
  • 瀏覽速度更快,程式碼會較簡潔,瀏覽器會更快。
  • 維護容易,兼容各種主流瀏覽器,不會出現太過特別的寫法,網頁架構及樣式清楚,容易修改維護。
  • 無障礙網頁,網頁內容能被更多的設備訪問,能夠幫助如色盲等障礙人士瀏覽網頁。

W3C 規範查詢

查詢CSS屬性,可以前往網站填入想知道的屬性做搜尋:https://www.w3.org/TR/

查詢支援度

看瀏覽器有沒有支援Can I Use 準確度還是直接開瀏覽器查看比較保險。


上一篇
Day02 腦容量爆炸!打造你的切版工具箱
下一篇
Day04 問問題Debug!人生持續的修煉
系列文
切版與CSS:打造工具箱與切版施工流程!30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言