HTML 元素


HTML 元素

HTML 文档由 HTML 元素定义,HTML 元素指的是从开始标签(start tag)到结束标签(end tag)的所有代码

<标签>内容...</标签>

HTML 元素 通常由开始标签和结束标签组成:

<p>这是一个段落.</p>
开始标签 元素内容 结束标签
<h1> 这是一个标题 </h1>
<p> 这是一个段落. </p>
<a href="www.uihtml.com"> 这是一个链接. </a>
<br> 换行  

没有内容的HTML元素称为空元素。 空元素没有结束标记,例如 <br> 元素 (表示换行符).


嵌套的HTML元素

HTML元素可以嵌套(元素可以包含元素).

所有HTML文档都包含嵌套的HTML元素.

此示例包含四个HTML元素:

实例

<!DOCTYPE html>
<html>
<body>

<h1>这是一个标题</h1>
<p>这是一个段落.</p>

</body>
</html>
运行 »

实例解析

<html> 元素定义 整个文档.

它有一个 开始 标签 <html> 和一个 结束 标签 </html>.

元素 内容 是另一个HTML元素 ( <body>).

<html>
<body>

<h1>这是一个标题</h1>
<p>这是一个段落.</p>

</body>
</html>

<body> 元素定义 文档正文.

它有一个 开始 标签 <body> 和一个 结束 标签 </body>.

元素 内容 是另外两个HTML元素 (<h1> <p>).

<body>

<h1>这是一个标题</h1>
<p>这是一个段落.</p>

</body>

<h1> 元素定义 标题.

它有一个 开始 标签 <h1> 和一个 结束 标签 </h1>.

元素 内容 是: 这是一个标题.

<h1>这是一个标题</h1>

<p> 元素定义 段落.

它有一个 开始 标签 <p> 和一个 结束 标签 </p>.

元素 内容 是: 这是一个段落.

<p>这是一个段落.</p>


不要忘记结束标记

如果您忘记了使用结束标签,大多数浏览器也会正确地显示 HTML(不推荐 不推荐 不推荐):

实例

<html>
<body>

<p>这是一个段落,说点啥呢
<p>这是一个段落,随便说说吧

</body>
</html>
运行 »

上述实例在浏览器中也能正常显示,因为关闭标签是可选的.

但您不能对此产生依赖性,因为忘记使用结束标签会产生不可预料的结果或错误.


HTML 空元素

HTML 空元素即为没有内容的 HTML 元素.

<br> 是一个没有结束标签的空元素 (<br> 标签定义换行).

空元素可以在开始标记中 "关闭" 如下所示: <br />.

HTML5不需要关闭空元素。 但是,如果您需要更严格的验证或者您需要通过XML解析器使您的文档可读,则必须正确关闭所有HTML元素.


使用小写标签

标记不区分大小写: <P> 和 <p>表达的意思相同.

HTML5标准不需要小写标签,但W3C建议使用HTML小写,并要求更严格的文档类型(如XHTML)使用小写

UIHTML推荐标签统一使用小写.