前言 在理解浮動和定位時,觸碰到文檔流概念。為了更好理解浮動和定位,學習了文檔流和DOM(文檔對象模型)。 正文 DOM(文檔對象模型)簡單理解就是編寫的html頁面所有內容構成的樹形結構。例如: 根據 W3C 的 HTML DOM 標準,HTML 文檔中的所有內容都是節點: 整個文檔是一個文檔節點 ...
前言
在理解浮動和定位時,觸碰到文檔流概念。為了更好理解浮動和定位,學習了文檔流和DOM(文檔對象模型)。
正文
DOM(文檔對象模型)簡單理解就是編寫的html頁面所有內容構成的樹形結構。例如:
根據 W3C 的 HTML DOM 標準,HTML 文檔中的所有內容都是節點:
- 整個文檔是一個文檔節點。
- 每個 HTML 元素是元素節點。
- HTML 元素內的文本是文本節點。
- 每個 HTML 屬性是屬性節點。
- 註釋是註釋節點。
文檔流是另一個概念,流實際上就是瀏覽器在頁面上擺放Html元素所用的方法,大多數元素預設在文檔流中。瀏覽器從Html文件最上面開始,從上到下沿著元素流逐個顯示所遇到的各個元素。即:元素按HTML中編寫的先後順序,上下左右堆疊排列。其中塊級元素前後換行,內聯元素前後不換行。
這篇文章會持續更新,等我對文檔流和DOM有了新的理解。