1. <dd id="jcnig"><nav id="jcnig"><delect id="jcnig"></delect></nav></dd>
      <dfn id="jcnig"><tt id="jcnig"><sup id="jcnig"></sup></tt></dfn>

    2. <cite id="jcnig"></cite>
      <cite id="jcnig"><tt id="jcnig"></tt></cite>

      <address id="jcnig"><nav id="jcnig"></nav></address>
    3. <address id="jcnig"><nav id="jcnig"></nav></address>
      400-650-7353

      精品課程

      您所在的位置:首頁 > IT干貨資料 > web前端 > 【Web前端基礎知識】標簽和元素、節點之間的區別

      【Web前端基礎知識】標簽和元素、節點之間的區別

      • 發布: 優就業it培訓
      • 來源:優就業
      • 2021-06-18 17:23:24
      • 閱讀()
      • 分享
      • 手機端入口

      一、HTML 標簽

      HTML 標簽(tag or label)其實也叫標記(markup),是由一對尖括號 <> 及標簽名組成的。是用來描述網頁的,標簽分為“起始標簽”和“結束標簽”兩種,兩者的標簽名稱是相同的,只是結束標簽多了一個正斜杠“/”。所以標簽就是尖括號+標簽名,不包含起止標簽所包裹的內容。

      二、HTML 元素

      HTML 文檔是由各種 HTML 元素組成的,如 html 元素(HTML 文檔根元素)、head(HTML 頭部)元素、body(HTML 主體)元素、title(HTML 標題)元素和 p(段落)元素等,這些元素都是通過尖括號“<>”組成的標簽形式來表現的。一般來說,“起始標簽”表示元素的開始,“結束標簽”表示元素的結束,所以元素是起止標簽+標簽所包含的內容

      HTML 元素分為“有內容的元素”和“空元素”兩種。“有內容的元素”是由起始標簽、結束標簽以及兩者之間的元素內容組成的,其中元素內容既可以是需要顯示在網頁中的文字內容,也可以是其它元素。“空元素”只有起始標簽而沒有結束標簽,也沒有元素內容,如br表示換行。

      所以在html文檔中我們的標簽又可以稱之為元素。

      三、HTML 節點

      加載 HTML 頁面時,web 瀏覽器生成一個樹型結構,用來表示頁面內部結構,稱之為 DOM 樹,DOM 將這種樹型結構理解為由節點組成。

      DOM 可以將任何 HTML 文檔描繪成一個由多層節點構成的結構。節點分為幾種不同的類

      型,每種類型分別表示文檔中不同的信息及(或)標記。每個節點都擁有各自的特點、數據和方法,另外也與其他節點存在某種關系。節點之間的關系構成了層次,而所有頁面標記則表現為一個以特定節點 為根節點的樹形結構。

      例如上圖就是將一個基本的html文檔解析成DOM樹的結構

      可以看出對于節點它包括的不僅僅是我們的標簽,對于屬性也會解析為一個節點。實際上節點類型總共有12種,但我們經常操作的也就只有固定的幾類,例如:

      (1) 文檔節點,表示的是整個 html文檔

      (2) 標簽節點,表示的是 html 中的標簽,就是標簽及其所包含的內容

      (3) 屬性節點,表示的是 html 標簽中的屬性,如class屬性

      (4) 文本節點,表示的是 html 標簽中的內容文本、空格 回車等,

      (5) 注釋節點,表示的是 html 文檔中的注釋

      通俗點來說就是節點不僅僅是標簽,還包括著其他的內容,但一般我們一會把標簽稱之為節點。

      學習疑問申請解答
      您的姓名
      您的電話
      意向課程
       

      中公優就業

      IT小助手

      掃描上方二維碼添加好友,請備注:599,享學習福利。

      >>本文地址:
      注:本站稿件未經許可不得轉載,轉載請保留出處及源文件地址。

      推薦閱讀

      優就業:ujiuye

      關注中公優就業官方微信

      • 關注微信回復關鍵詞“大禮包”,享學習福利
      QQ交流群
      在線疑問解答
      (加群備注“網站”)
      IT培訓交流群 加入群聊 +
      軟件測試 加入群聊 +
      全鏈路UI/UE設計 加入群聊 +
      Python+人工智能 加入群聊 +
      互聯網營銷 加入群聊 +
      Java開發 加入群聊 +
      PHP開發 加入群聊 +
      VR/AR游戲開發 加入群聊 +
      大前端 加入群聊 +
      大數據 加入群聊 +
      Linux云計算 加入群聊 +
      優就業官方微信
      掃碼回復關鍵詞“大禮包”
      享學習福利

      測一測
      你適合學哪門IT技術?

      1 您的年齡

      2 您的學歷

      3 您更想做哪個方向的工作?

      獲取測試結果
       
      課程資料、活動優惠 領取通道
       
       
      日本一本二本三本av网站,一本加勒比HEZYO东京热高清,一本久久A久久精品综合