您好,登錄后才能下訂單哦!
這篇文章主要講解了“html5中節點指的是什么”,文中的講解內容簡單清晰,易于學習與理解,下面請大家跟著小編的思路慢慢深入,一起來研究和學習“html5中節點指的是什么”吧!
在html5中,節點(node)是構成網頁的最基本的組成部分,網頁中的每一個部分都可以稱為是一個節點;如: html 元素、屬性、文本、注釋、整個文檔等都是一個節點。
本教程操作環境:windows7系統、HTML5版、Dell G3電腦。
節點(node)是構成我們網頁的最基本的組成部分,網頁中的每一個部分都可以稱為是一個節點:
整個文檔是一個文檔節點
每個 HTML 元素是元素節點
HTML 元素內的文本是文本節點
每個 HTML 屬性是屬性節點
注釋是注釋節點
html 元素、屬性、文本、注釋、整個文檔等都是一個節點。
HTML中的節點有四種類型:
文檔節點:表示整個html;
元素節點:表示標簽及其所包含的內容;
屬性節點:HTML 標記中的屬性;
文本節點:標簽中的內容文本。
節點樹:
節點父、子和同胞
節點樹中的節點彼此擁有層級關系。
我們常用父(parent)、子(child)和同胞(sibling)等術語來描述這些關系。父節點擁有子節點。同級的子節點被稱為同胞(兄弟或姐妹)。
在節點樹中,頂端節點被稱為根(root)。
每個節點都有父節點、除了根(它沒有父節點)。
一個節點可擁有任意數量的子節點。
同胞是擁有相同父節點的節點。
下面的圖片展示了節點樹的一部分,以及節點之間的關系:
請看下面的 HTML 片段:
<html> <head> <meta charset="utf-8"> <title>節點</title> </head> <body> <h2>DOM 課程1</h2> <p>Hello world!</p> </body> </html>
從上面的 HTML 中:
<html> 節點沒有父節點;它是根節點
<head> 和 <body> 的父節點是 <html> 節點
文本節點 "Hello world!" 的父節點是 <p> 節點
并且:
<html> 節點擁有兩個子節點:<head> 和 <body>
<head> 節點擁有兩個子節點:<meta> 與 <title> 節點
<title> 節點也擁有一個子節點:文本節點 "DOM 教程"
<h2> 和 <p> 節點是同胞節點,同時也是 <body> 的子節點
并且:
<head> 元素是 <html> 元素的首個子節點
<body> 元素是 <html> 元素的最后一個子節點
<h2> 元素是 <body> 元素的首個子節點
<p> 元素是 <body> 元素的最后一個子節點
感謝各位的閱讀,以上就是“html5中節點指的是什么”的內容了,經過本文的學習后,相信大家對html5中節點指的是什么這一問題有了更深刻的體會,具體使用情況還需要大家實踐驗證。這里是億速云,小編將為大家推送更多相關知識點的文章,歡迎關注!
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。