HTML5標準學習-簡介介紹

最近前端的群組都蠻熱鬧的，但我發現多數討論的是javascript和css相關的問題，彷彿大家在努力創建各種互動、樣式的時候，忘卻了這一切的基礎- HTML。

來得有趣，其靈活、輕量遠非極端規範的XML可以比擬。

##本系列的前面很大一部分會以非常短小的篇幅，介紹HTML5中的一些

基本概念

，並且： 只關心HTML這個語言，其他的javascript或css完全不會涉及。於XHTML有著比HTML更嚴格的規範，對瀏覽器的解析而言，可以認為是HTML的一個子集。有主流瀏覽器的兼容性進行了評估。

• ##在這之後，可能會擷取部分與瀏覽器的運作相關的技術細節，如腳本的解析、執行等主題來進行更深入的探討。如果你覺得HTML不爽，因為開始標籤和結束標籤可以隨便省略太不規範，那麼這個系列會告訴你，HTML的標籤省略是有非常嚴格的規定的…
  如果你覺得HTML簡單，大不了照著XML來寫，那麼這個系列會告訴你，HTML裡充滿著陷阱，即便不考慮各瀏覽器的實現，你也看不見得能安全走過這片雷區…
• 在開始這個系列以前，有幾個非常重要的概念需要介紹。區塊有著了解的意義：

• 瀏覽上下文- browsing context

• 就是我們通常見到的頁面，確切地主，瀏覽上下文是一個環境，在這個環境中，HTML會被解析、構建，CSS樣式會被計算、應用，javascript腳本會被載入、執行，最終展現出終端使用者可以看到的內容。
  通常來說，我們最常接觸的上下文有這麼多種：

#一個瀏覽器窗口，像是IE6視窗。

多重標籤瀏覽器裡的一個標籤，Firefox、Chrome等瀏覽器都是這麼做的。

• 一個

元素也是一個獨立的瀏覽上下文。

• 在frameset中，一個

元素也會形成一個獨立的瀏覽上下文。

換行- new line
#和電腦基礎課程所學的一樣，HTML定義了3種類型的換行符：

• 不同的系統有其預設的換行輸出，HTML的規​​定保證瀏覽器能正確解析現在主流的3種換行方式。

• 字元U+000D，即\r字元。
  字元U+000A，即\n字元。

• 字元U+000D後跟著U+000A，即\r\n字串。

• 空格- space

#空格在HTML中有著非常重要的作用，如一個元素的各屬性之間可以透過空格分隔。正常情況下，開發人員會按一下空格鍵來輸入一個空格，當屬性很多的時候，可能會使用回車來將屬性更好地排列起來。但大概很少人會去思考，為什麼回車的效果和空格是一樣的，HTML還能解析哪一些字元當空格呢？

• 關於空格的問題，其中jQuery也犯過這個問題，甚至至今都存在這個問題。在jQuery 1.5.1的第1738行定義了一個正規表示式

  /[\n\t\r]/g
，用來透過空格來分隔元素的class屬性。在1.4.4版本中，這個正規是
• /[\n\t]/g

  很明顯漏掉了\r，這個BUG項就說明了這個問題。當然很遺憾，1.5.1版本依舊沒有照顧到標準中的所有空格字符，即沒有對U+000C分頁符的處理。

• #字元U+0020，就是普通的空格。

• 字元U+0009，就是\t水平製表符。

  字元U+000A，就是\n換行符號。

字元U+000D，就是\r回車符。

字元U+000C，這個是分頁符，很少見到。

以上是HTML5標準學習-簡介介紹的詳細內容。更多資訊請關注PHP中文網其他相關文章！