w3c 規範原味解讀 - 1 介紹

說明

解讀不是翻譯，所以不會逐句涵蓋 w3c 的官方文檔，我本意將站在一個初學者的角度，將須要注意的地方記錄下來，同時站在一個實用主義者角度，將工做中不經常使用，但與標準差別較大的理解記錄下來，主要意圖是記錄本身的理解，和幫助往後索引與查詢，若是讀者但願地毯式理解 w3c 標準，建議逐字閱讀 w3c 官方英文文檔。

HTML

the Hypertext Markup Language 超文本標記語言

HTML 乍一看可能給人感受到一些荒謬，由於其規範是在幾十年間，許多不一樣背景的開發者共同貢獻的，不少地方可能沒法很全局的把握。

爲了簡化難度，沒有暴露多線程的特徵給開發者，HTML 和 DOM API 也被設計爲沒法檢測是否有其它腳本正在同時運行。就算是 webWorker，其實現原理能夠認爲是在同一個瀏覽器上下文序列化執行全部腳本。

Tag

由 < > / 構成，某些標籤能夠不閉合，好比


標籤能夠嵌套，好比：

This is correct.
複製代碼

但不能交叉嵌套：

This is very wrong!
複製代碼

Attribute

若是屬性值不包含空格、" ' ` = < > ，就能夠不用雙引號,如下寫法都是正確的：

 





  
  
  

 


複製代碼

拓展機制

HTML 提供了不少方法拓展語義，確保使用安全的方法拓展語義，保證不會產生反作用，例如：

• class 能夠被瀏覽器普遍支持
• data - * 屬性能夠確保不被瀏覽器使用，安全的傳遞數據
• 使用 描述頁面數據
• 經過 rel="" 定義連接類型
• var img = document.getElementById('games'); img.onload = gamesLogoHasLoaded; // might never fire!

  XHTML

  是 HTML 的變體，由於使用了 XML 語法。XHTML 是 XML 的應用程序。

  若是文檔以 text / html MIME 類型傳輸，瀏覽器會做爲 HTML 類型處理，目前使用 html 5.0 版本的規範，也就是 "HTML 5"。

  若是使用 XML MIME 類型，例如 application / xhtml + xml 時，會被瀏覽器視爲 XML 文檔，使用 XHTML 5.0 版本的規範，稱爲 "XHTML 5"。與 HTML 5 的區別是，XHTML 5 對 HTML 標籤語法檢查的更嚴格，細小的語法錯誤都會阻止文檔渲染，好比 XHTML 中的 DOM 語法不容許 noscript 標籤，也不容許 --> 的註釋。

  CSS

  Cascading Style Sheets 層疊樣式表
  讓呈現樣式與結構分離。

  HTML 內聯的樣式屬性由於不利於維護，增大文件體積，已經逐漸廢棄，例如 ，僅保留了 style 屬性。

  WebFonts

  在網頁使用字體，無需在系統安裝，正在打造的網頁字體通用標準是: WOFF

  容錯

  在結束標籤書寫屬性應該被忽略，但倒是合法的，應爲之後可能會做爲一種拓展能力 (

  )。

  對屬性設置 disable=false 是不容許的，儘管看起來設置了 enable，但實際上和 disable=true 效果同樣，由於這個效果看的是屬性，而不是值。

  該閉合的不閉合，會根據不一樣狀況容錯，好比 form 不會放在段落元素中，那麼下面這段標籤會這麼解析：

  Welcome. 
      
      
      
  
     
  Name: 複製代碼

  自動在 form 標籤前把 p 標籤結束:

  Welcome. 
  
      
      
      
  
     
  Name: 複製代碼

  script 標籤不支持 src 與內容同時存在，爲了防止減小沒必要要的開發錯誤，由於有了 src 屬性的 script 標籤內容將不被執行。