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
-
關於空格的問題,其中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換行符號。
- #空格在HTML中有著非常重要的作用,如一個元素的各屬性之間可以透過空格分隔。正常情況下,開發人員會按一下空格鍵來輸入一個空格,當屬性很多的時候,可能會使用回車來將屬性更好地排列起來。但大概很少人會去思考,為什麼回車的效果和空格是一樣的,HTML還能解析哪一些字元當空格呢?
- 字元U+000C,這個是分頁符,很少見到。
以上是HTML5標準學習-簡介介紹的詳細內容。更多資訊請關注PHP中文網其他相關文章!
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn

熱AI工具

Undresser.AI Undress
人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool
免費脫衣圖片

Clothoff.io
AI脫衣器

Video Face Swap
使用我們完全免費的人工智慧換臉工具,輕鬆在任何影片中換臉!

熱門文章
Windows 11 KB5054979中的新功能以及如何解決更新問題
4 週前
By DDD
如何修復KB5055523無法在Windows 11中安裝?
3 週前
By DDD
如何修復KB5055518無法在Windows 10中安裝?
3 週前
By DDD
R.E.P.O.的每個敵人和怪物的力量水平
3 週前
By 尊渡假赌尊渡假赌尊渡假赌
藍王子:如何到達地下室
3 週前
By DDD

熱工具

記事本++7.3.1
好用且免費的程式碼編輯器

SublimeText3漢化版
中文版,非常好用

禪工作室 13.0.1
強大的PHP整合開發環境

Dreamweaver CS6
視覺化網頁開發工具

SublimeText3 Mac版
神級程式碼編輯軟體(SublimeText3)