HTML 元素详解

以段落元素 <p>My cat is very grumpy</p> 为例，让我们深入了解 HTML 元素的组成部分。

这个元素的主要部分有：

1. 开始标签 (Opening Tag)

• 格式：<元素名>

• 作用：标志元素的开始，并定义元素的类型。

• 示例：<p> 表示一个段落元素开始。

2. 内容 (Content)

• 元素中包含的实际内容，如文字、图片等。

• 示例：My cat is very grumpy 是段落元素的内容。

3. 结束标签 (Closing Tag)

• 格式：</元素名>

• 作用：标志元素的结束，告诉浏览器元素范围到此结束。

• 示例：</p> 表示段落结束。

4. 完整的元素 (Element)

• 包含开始标签、内容和结束标签。

• 示例：<p>My cat is very grumpy</p> 是一个完整的段落元素。

属性

HTML 元素可以包含属性，用于提供关于元素的额外信息，或对其进行更详细的描述。属性一般放在开始标签中。

属性名和元素名（或前一个属性）之间需要有一个空格。示例：<input type="text" required>

属性值建议用双引号包裹，虽然某些简单值（如不包含空格和特殊字符的值）可以省略引号，但这会降低代码可读性和一致性。

示例：

<p class="editor-note">My cat is very grumpy</p> <!-- 推荐 -->
<p class=editor-note>My cat is very grumpy</p>   <!-- 允许，但不推荐 -->

统一使用双引号，可以提高代码的可维护性和可读性。