HTML 元素
HTML 文档是由一系列的 HTML 元素 (HTML Elements) 构成的。可以说，元素是 HTML 的基石。
什么是 HTML 元素？
一个 HTML 元素通常由一个 开始标签 (start tag)、一些 内容 (content) 和一个 结束标签 (end tag) 组成。
<标签名>这里是内容...</标签名><标签名>: 这是开始标签，例如<p>。这里是内容...: 这是元素的内容，可以是文本、或其他 HTML 元素。</标签名>: 这是结束标签，它与开始标签的区别是在标签名前多了一个斜杠/，例如</p>。
元素 指的是从开始标签到结束标签的全部内容。
示例:
html
<h1>我的第一个标题</h1>
<p>我的第一个段落。</p>这里有两个元素：一个 <h1> 元素和一个 <p> 元素。
| 开始标签 | 元素内容 | 结束标签 |
|---|---|---|
<h1> | 我的第一个标题 | </h1> |
<p> | 我的第一个段落。 | </p> |
嵌套的 HTML 元素
HTML 元素可以被嵌套，这意味着一个元素可以包含其他元素。实际上，所有的 HTML 文档都是由嵌套的 HTML 元素构成的。
在前面的“HTML 基础”章节中，我们看到的例子就是一个很好的证明：
html
<!DOCTYPE html>
<html>
<body>
<h1>我的第一个标题</h1>
<p>我的第一个段落。</p>
</body>
</html><html>元素是根元素，它包含了整个文档。- 在
<html>内部，嵌套了一个<body>元素。 - 在
<body>内部，又嵌套了<h1>和<p>两个元素。
正确的嵌套对于构建有效的 HTML 结构至关重要。
空的 HTML 元素 (Empty Elements)
有些 HTML 元素没有内容，这些元素被称为空元素或自闭合标签。
一个常见的例子是换行标签 <br>。它只表示一个换行，没有具体的内容需要包裹。
空元素在 HTML5 中不需要被关闭。你只需要写 <br> 即可。在更严格的 XHTML 中，你需要写成 <br />。
其他常见的空元素包括：
<img>: 用于插入图片。<hr>: 用于创建一条水平线。<input>: 用于创建表单输入控件。<link>: 用于链接外部资源。<meta>: 用于定义元数据。
HTML 标签的大小写
HTML 标签对大小写不敏感。这意味着 <P> 和 <p> 的效果是完全一样的。
然而，W3C（万维网联盟）推荐在 HTML 中使用小写标签，并且在更严格的文档类型如 XHTML 中，必须使用小写。
最佳实践: 始终为你的 HTML 标签使用小写字母。