HTML元素



HTML 元素

一个HTML元素通常包含一个开始标签一个结束,中间插入内容:

例如:

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

HTML 元素包含开始标签结束标签和中间的内容。

例如:

<p>我的第一个段落.</p>
开始标签 元素内容 结束标签
<h1> 我的第一个标题 </h1>
<p> 我的第一个段落. </p>
<br>    

HTML 元素没有内容称为空元素。空元素没有结束标签,例如 <br/>元素(表示一个换行)

嵌套的HTML元素

HTML 元素是可以嵌套的(元素还能包含元素)

所有的HTML文档由嵌套的HTML元素组成。

这个实例包含四个HTML元素:

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>编程字典</title>
</head>
<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元素也能显示正确,即使你忘记结束标签:

<!DOCTYPE html>
<html>
<body>

  <p>我的第一个标题
  <p>我的第一个段落.

</body>
</html>

让我试试

上面的实例在所有的浏览器中都能工作,因为结束标签被认为是可选的.

永远不要依赖这个。如果你忘了结束标签,它可能会产生意想不到的结果或者错误.


空HTML元素

HTML元素没有内容被称为空元素。

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

空元素可以写成这样:<br/>.

HTML5不需要空元素是关闭的.但是如果你想严格验证,或者如果你需要使文档能让XML解析器很好的解析,你需要关闭所有标签.

使用小写标签

HTML标签不区分大小写: <P><p>意义相同.

HTML5标准不需要小写标签,但是W3C推荐标签小写,并且像XHTML中小写是严格文档类型。