On this page

HTML 元素

HTML 元素由开始标记、一些内容和结束标记定义。


HTML 元素

HTML元素是从开始标记到结束标记的所有内容: <标记名>内容放在这里... < /标记名> 一些 HTML 元素的示例:

<h1>我的第一个标题</h1>
我的第一段。</p>
Start tagElement contentEnd tag
<h1>My First Heading</h1>
<p>My first paragraph.</p>
<br>nonenone

注意:某些 HTML 元素没有内容(例如 <br> 元素)。这些元素称为空元素。空元素没有结束标记!


嵌套 HTML 元素

HTML 元素可以嵌套(这意味着元素可以包含其他元素)。 所有 HTML 文档都由嵌套的 HTML 元素组成。 以下示例包含四个 HTML 元素(<html><body><h1><p>

例子

<!DOCTYPE html>
<html>
<body>

<h1>My First Heading</h1>
<p>My first paragraph.</p>

</body>
</html>

示例解释

<html>元素是根元素,它定义了整个 HTML 文档。 它有一个开始标签<html>和一个结束标签</html>。 然后,<html>元素内部有一个<body> 元素:

<body>

<h1>My First Heading</h1>
<p>My first paragraph.</p>

</body>

<body>元素定义文档的主体。 它有一个开始标签<body>和一个结束标签</body>。 然后,该<body>元素内部还有另外两个元素: <h1>&nbsp;<p>

<h1>My First Heading</h1>
<p>My first paragraph.</p>

<h1>元素定义一个标题。 它有一个开始标签<h1>和一个结束标签</h1>

<h1>My First Heading</h1>

<p>元素定义一个段落。 它有一个开始标签<p>和一个结束标签</p>

<p>My first paragraph.</p>

切勿跳过结束标签

即使您忘记了结束标记,某些 HTML 元素也会正确显示:

例子

<html>
<body>

<p>This is a paragraph
<p>This is a paragraph

</body>
</html>

但是,永远不要依赖于此!如果您忘记结束标记,可能会出现意外的结果和错误!


空 HTML 元素

没有内容的 HTML 元素称为空元素。 该<br>标签定义了一个换行符,并且是一个没有结束标签的空元素:

例子

<p>This is a <br> paragraph with a line break.</p>

HTML 不区分大小写

HTML 标签不区分大小写:<P>与 含义相同<p>。 HTML 标准不要求小写标签,但 W3C 建议在 HTML 中使用小写,并要求XHTML 等更严格的文档类型使用小写。