html中标签什么区别是什么意思,HTML中的标签和元素有什么区别

作为前端工程师的初学者，很多人可能都没有把哪个叫标签，哪个叫元素这几个概念搞清楚，包括之前的我也是，一直都是混淆着的，于是为了彻底街处在这个困扰，今天就特意搜索查阅了一些资料，现在终于得出结论，就写出来给大家分享下。

事实上两者之间的概念还是很清楚的：

HTML的标签使用“”标记进行声明。比如和

。

HTML的标签包含两种形式：成对出现的标签和单独出现的标签。

1. 成对出现的标签

成对出现的标签包括开始标签和结束标签。基本格式如下：

内容结束标签>

开始标签标识一段内容的开始，而结束标签是与开始标签相对应的标签，结束标签比开始标签多一个斜杠。

比如，表示HTML文件的开始，到

结束，从而组成了一个HTML文件。

在成对出现的标签中，所有的开始标签都必须有结束标签相对应。

2. 单独出现的标签

在开始标签和结束标签中间没有内容的标签，称为单独出现的标签。基本格式如下：

单独出现的标签都会在标签中添加一个斜杠，来表示该标签是单独出现的标签。比如

、

等。

标签的用法如下：

这是一部分内容

这是另一部分内容

标签的用法如下：

3. 使用HTML小写标签

HTML标签对大小写不敏感。比如，

等同于

。不过，万维网联盟(W3C)在HTML4中推荐使用小写标签，而在XHTML版本中则强制使用小写标签。

HTML元素

HTML网页的内容是由元素组成的，而元素的开始和结束都使用标签作为开始和结束的标记。

1. 元素的组成

一个元素通常由一个开始标签、内容、其它元素以及一个结束标签组成。

比如，

和是标签，但是下面的这行代码则是一个元素：

在上面这个元素中，是标签，但是下面这行代码：

则是嵌套在head元素中的另一个元素，www.baike369.com则是元素的内容。

head、title又称为元素名，一般称为head元素、title元素，用于表示它们以及它们之间的元素内容。

2. 空元素

没有结束标签的元素被称为空元素。比如，br元素就是一个没有内容和没有结束标签的空元素。

嵌套的HTML元素

大多数的HTML元素可以嵌套，就是可以包含其他HTML元素。

HTML文档由嵌套的HTML元素构成。如：

这是一个段落。

上面的例子包含了三个HTML元素，它们分别是：html元素、body元素和p元素。

HTML元素实例解释

1. p元素：

这是一个段落！

这个p元素定义了HTML文档中的一个段落。它拥有：一个开始标签

、元素内容是：这是一个段落！、一个结束标签

。

2. body元素：

这是一个段落！

body元素定义了HTML文档的主体。它拥有：一个开始标签

、元素内容是另一个HTML元素(p元素)、一个结束标签。

3. html元素：

这是一个段落！

html元素定义了整个HTML文档。它拥有：一个开始标签、元素内容是另一个HTML元素(body元素)、一个结束标签

。