What does node mean in html5-Front-end Q&A-php.cn

Table of Contents

DOM 课程1

and

The element is the first child node of the element

Home

Web Front-end

Front-end Q&A

What does node mean in html5

青灯夜游

Jan 17, 2022 pm 02:18 PM

html5 node

In HTML5, node is the most basic component of a web page. Each part of a web page can be called a node; such as: html elements, attributes, text, comments, the entire Documents, etc. are all a node.

What does node mean in html5

The operating environment of this tutorial: Windows 7 system, HTML5 version, Dell G3 computer.

Node is the most basic component of our web page. Each part of the web page can be called a node:

The entire document is A document node
Each HTML element is an element node
The text within an HTML element is a text node
Each HTML attribute is an attribute node
Comment is a comment node

html element, attribute, text, comment, entire document etc. are all nodes.

There are four types of nodes in HTML:

Document node: represents the entire html;
Element node: represents Tags and the content they contain;
Attribute nodes: attributes in HTML tags;
Text nodes: content text in tags.

Node tree:

What does node mean in html5

##Node parent, child and sibling

Nodes in the node tree have hierarchical relationships with each other.

We often use terms such as parent, child and sibling to describe these relationships. Parent nodes have child nodes. Children of the same level are called siblings (brothers or sisters).

In the node tree, the top node is called the root.
Every node has a parent node, except the root (which has no parent node).
A node can have any number of child nodes.
Siblings are nodes that have the same parent node.

The image below shows a portion of the node tree, and the relationships between nodes:

What does node mean in html5

Please see the HTML snippet below :

<html>
  <head>
    <meta charset="utf-8">
    <title>节点</title>
  </head>
  <body>
    <h1 id="DOM-nbsp-课程">DOM 课程1</h1>
    <p>Hello world!</p>
  </body>
</html>

Copy after login

From the HTML above: The

## The parent node of # and is the node
The parent node of the text node "Hello world!" is the
node
And:

node has two child nodes: and

node has two child nodes: and node
node also has one child node: text node" DOM Tutorial"
and

nodes are sibling nodes and are also child nodes of
And:

element is the first child node of the element

element is
The element is the first child node of the element
The element is the last child node of the
element
Related recommendations: "

The above is the detailed content of What does node mean in html5. For more information, please follow other related articles on the PHP Chinese website!

Statement of this Website

The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn