HTML 元素

HTML 元素是构成 HTML 文档的基本单位，它们通过标签（tags）来定义。HTML 元素通常具有开始标签和结束标签，中间包围着内容或称为元素体（element body）。某些元素是空的，即它们没有内容或元素体，这些元素被称为空元素（void elements）。

基本结构

一个典型的 HTML 元素结构如下：

• 开始标签：包含元素的名称，可能还包含一些属性（attributes），这些属性提供了关于元素的额外信息。
• 属性：属性是可选的，它们以名称/值对的形式存在，并放在开始标签内。属性可以影响元素的外观或行为。
• 内容：这是元素显示或包含的数据。不是所有元素都有内容，空元素就没有内容。
• 结束标签：与开始标签相同，但前面有一个斜杠（/）。它表示元素的结束。

示例

在这个例子中，<p> 是段落元素的开始标签，</p> 是结束标签，它们之间的文本 "这是一个段落。" 是元素的内容。

空元素

空元素没有内容，因此它们不需要结束标签（尽管在 XHTML 和某些旧的 HTML 规范中，你可能需要自闭合标签，如 <br />）。但是，在 HTML5 中，对于空元素，你可以省略结束标签，或者如果你喜欢，也可以使用自闭合形式（尽管这不是必需的，也不会改变元素的行为）。

一些常见的空元素包括：

• <img>：用于嵌入图像。
• <br>：用于插入换行。
• <hr>：用于插入水平线。
• <input>：用于创建输入字段。
• <meta>：提供关于 HTML 文档的元数据。
• <link>：用于链接到外部资源，如 CSS 样式表。

语义化元素

HTML5 引入了许多新的语义化元素，这些元素提供了关于其内容的更多上下文，使文档结构更清晰，对搜索引擎优化（SEO）和可访问性（accessibility）都有好处。

一些常见的语义化元素包括：

• <header>：定义文档或节的头部。
• <nav>：定义导航链接。
• <section>：定义文档中的节。
• <article>：定义独立的内容块。
• <aside>：定义与主要内容相关的辅助内容。
• <footer>：定义文档或节的页脚。

属性

HTML 元素可以有多个属性，这些属性提供了关于元素的额外信息。例如，<a> 元素通常有一个 href 属性，指定链接目标的 URL。

在这个例子中，href 是 <a> 元素的属性，它的值是 "https://www.example.com"，表示当用户点击链接时，浏览器将导航到这个 URL。

嵌套

HTML 元素可以嵌套在其他元素内部。例如，你可以将一个段落元素嵌套在一个 <div> 元素内，或者将多个列表项嵌套在一个 <ul> 或 <ol> 元素内。

总的来说，HTML 元素是构建网页的基本构件，通过合理地使用标签、属性和嵌套，你可以创建出丰富多样的网页内容。