iT邦幫忙

第 11 屆 iT 邦幫忙鐵人賽

DAY 7
3

倘若不斷向深處扎根,就能茁壯成長 - RM

前言

話說前陣子蘋果 iPhone 11 出了,然後那天上推特美趨第一的竟然不是蘋果而是換掉瀏海造型的 MOMO,可見瀏海是個神奇的東西(?,不過說到蘋果都出到了 iPhone 11 ,其實 CSS 規範也有在不斷更新推出 我知道轉的很硬,每個版本會歷經不同制定階段,那麼要怎麼看規範的版本和狀態呢?讓我們開始吧~

https://ithelp.ithome.com.tw/upload/images/20190922/20111825lfOW3C79Ci.png

此桃子非彼桃子

CSS 規範制定過程

https://ithelp.ithome.com.tw/upload/images/20190922/201118254qgmBf7qzk.png
規範本身在制訂時,會經歷以下狀態(由前至後):

  1. Publication of the First Public Working Draft ,
  2. Publication of zero or more revised Working Drafts .
  3. Publication of a Candidate Recommendation .
  4. Publication of a Proposed Recommendation .
  5. Publication as a W3C Recommendation .
  6. Possibly, Publication as an Edited or Amended Recommendation

https://ithelp.ithome.com.tw/upload/images/20190922/20111825yXxQvMalfp.png

每個狀態的縮寫、全名。

規範會先定義初版的草案 FPWD,接著成為 WD 階段,通常 WD 狀態期間因為規範尚未完整會經歷大量的修正,再來會到使用測試規範、將規範發到更廣泛社區的 CR 階段,接著過了 PR 階段的期限(PR 階段通常已經具有足夠質量成為建議階段)便會是 REC 階段,REC 階段規範是完成狀態,僅會進行維護並且不會做大更動,而若是規範過時則會變為 SPSD 階段,成為 SPSD 之後仍可以改回 REC 狀態,而 W3C 鼓勵自 CR 階段開始日常的使用。

更詳盡的內容,可去看規範說明:World Wide Web Consortium Process Document

各個版本的規範

看過了規範的各個版本狀態,我們來看規範版本,目前分為:

  1. CSS Level 1
  2. CSS Level 2
  3. CSS Level 3
  4. CSS Level 4

CSS Level 2, latest revision 是目前的 REC 狀態,部分 REC 已經是 CSS Level 3,若是要更了解每個部分的最新狀態,可以查看這份文件 CSS Snapshot 2018 的這一部份 Cascading Style Sheets (CSS) — The Official Definition,CSS snapshot 2018 記錄了最新的狀態,本份文件不會更新,不過會固定推出新的 CSS Snapshot 以紀錄當時最新規範狀態,除此之外我們也可以透過 CSS current work 直接查看目前版本狀態。

如何查閱規範:

之前的文章中忘了提到,我們要查詢規範時其實只需要在搜尋列簡單上打上
w3.org + 你要查的名稱

https://ithelp.ithome.com.tw/upload/images/20190922/20111825rVTuTbBaK9.png

就可以輕鬆查到結果呦!沒錯,就是這麼簡單!除此之外也可以進到 W3C 中去查閱規範,在搜尋上對於規範的版本有更方便的下拉選單輔佐,就是下圖中 status 的部分,這樣就可以輕鬆方便的查閱各種狀態的規範又不用打的落落長囉~。

網址: https://www.w3.org/TR/

https://ithelp.ithome.com.tw/upload/images/20190922/20111825pER3ymDBUB.png

結語

今天簡單的介紹了關於規範的狀態和版本,我們可以試著開始手動查詢想要的規範及版本,若是有更多想了解的,也可以去查閱文末相關連結,我們明天見~


參考資料:

  1. CSS current work & how to participate
  2. World Wide Web Consortium Process Document
  3. CSS Snapshot 2018
  4. CSS/specs

以上的部分有任何錯誤的地方,歡迎指正呦~非常感謝~~XD


上一篇
話說 Casecading 是什麼呢?
下一篇
話說 Box model 是什麼呢?
系列文
每天來點 CSS Specification30
0
yachen
iT邦新手 5 級 ‧ 2019-09-22 11:19:14

specer!!!/images/emoticon/emoticon24.gif

才不是啦~XD

0
Titangene
iT邦新手 5 級 ‧ 2019-09-22 12:43:46

手把手看 Spec!

沒錯~~~一步一步來~~~!

0
Chris
iT邦新手 5 級 ‧ 2019-09-22 20:08:07

拖稿?(誤)

才沒有啦~XD(OS:情況不妙,看來眼前這位大俠的直覺太靈敏了

我要留言

立即登入留言