HTML 元素语法

HTML 元素是页面的基本构成单位。一个典型的元素由开始标签、内容和结束标签三部分组成：

html

<p>这是一段文字。</p>

标签结构

标签由一对尖括号 < > 包裹。开始标签只写标签名，结束标签在标签名前加一个斜杠 /。

html

<h1>我是标题</h1>
<div>我是容器</div>
<span>我是行内容器</span>

元素可以包含其他元素，这称为嵌套：

html

<div>
  <h2>章节标题</h2>
  <p>章节内容……</p>
</div>

嵌套时必须正确的顺序闭合标签——先开始的标签后结束，后开始的标签先结束。不能交错。

html

<!-- ❌ 错误：标签交错 -->
<p><strong>加粗文字</p></strong>

<!-- ✅ 正确 -->
<p><strong>加粗文字</strong></p>

有些元素没有内容，也不需要结束标签，这些称为空元素（void elements）。它们通常用来嵌入外部资源或在页面中插入特定内容：

html

<p>第一行<br>第二行</p>
<hr>
<img src="photo.jpg" alt="一张照片">

HTML 标签不区分大小写——<P> 和 <p> 效果相同。但推荐全部使用小写，这是行业惯例，也更符合 XHTML 和现代 Web 标准。

属性名同样不区分大小写，但属性值可能区分。例如 id="Foo" 和 id="foo" 是两个不同的标识符。

浏览器会把多个连续空格合并成一个。换行符也会被当作空格处理。如果想要保留空白，可以使用 <pre> 标签或 CSS 的 white-space 属性。