Skip to content

元素

Web 开发

一句话解释

元素是 HTML 中由开始标签、内容和结束标签组成的完整单元，是网页结构的基本 building block。

用大白话说

元素（element）是 HTML 的基本组成单元。一个元素通常包括：开始标签 + 内容 + 结束标签。

<p>这是一段话</p> 就是一个段落元素：<p> 是开始标签，这是一段话 是内容，</p> 是结束标签。有些元素没有结束标签，比如 <img>、<br>，叫“自闭合元素”或“空元素”。

元素可以嵌套：<div><p>文字</p></div> 里 <p> 元素是 <div> 元素的子元素。这种嵌套关系构成了 DOM 树。每个元素在浏览器里对应 DOM 树上的一个节点，可以用 CSS 选中它、用 JS 操作它。理解“标签”和“元素”的区别：标签是 <p> 和 </p> 那两个尖括号片段，元素是包含标签和内容的整体。

示例

html
<p>这是一个段落元素</p>
<img src="photo.jpg" alt="照片">  <!-- 空元素，无结束标签 -->
<div>
  <p>嵌套的子元素</p>
</div>

<p>...</p> 是完整元素，<img> 是没有结束标签的空元素。元素可以嵌套形成父子关系。

工作原理

  1. 写开始标签 <标签名>
  2. 写元素内容（文字或其他子元素）
  3. 写结束标签 </标签名>
  4. 浏览器把每个元素解析成 DOM 树上的一个节点

常见混淆

  • 容易混淆的对象: 标签

    关键区别: 标签是 <p> 和 </p> 那两个尖括号片段，元素是包含开始标签、内容和结束标签的整体。一个元素由标签和内容共同组成。

相关术语

相关资源

相关课程

学习基础知识

通过结构化课程深入理解这个主题。

查看课程

解读错误信息

用大白话解释常见错误——什么意思、为什么发生、如何修复。

查看错误

← 返回术语表