1. 任务背景
在上一篇中，我们讲解图像标签时，首次介绍了标签的属性。
但是在之前的标签中，我们更多的使用的是标签的内容。
此时部分同学可能就疑惑了，为啥有时候使用标签的属性，有时候使用内容呢？
本节就是给同学们答疑解惑的，让我们来了解下内容和属性的区别。
2. 任务目标
理解标签内容、标签属性的区别。
3. 相关知识点
3.1 标签的内容
内容是比较好理解的，就是标签中间包裹的部分，例如<h1>我的博客</h1>，中间的我的博客就是h1标签的内容。
内容是直接显示到网页上的东西，所以我的博客会在网页上直接显示。
3.2 标签的属性
但是还有一种情况，就是一些信息并不会在网页上显示，但是也是需要提供的辅助信息。
例如之前接触到的设置网页为中文meta标签。
<meta charset="utf-8">
在这个例子中，utf-8表示一种编码方式，它是一个参数信息，用户告诉浏览器当前页面采用中文编码。
但是这个信息是没必要显示到网页上的，没必要让浏览器的用户看到，这种就叫做属性，属性一般是放到标签的开头部分的。
再比如图像标签的属性：
<img src="1.jpg">
在这个例子中，1.jpg并不是直接显示到网页上的文本，而是代表的图片的文件名，用来告诉浏览器加载对应的文件。由于并不直接显示文本，所以使用了属性。
3.3 标签的格式
所以，了解属性和内容之后，我们可以知道标签的完整格式，如下：
<label property="xxx">yyy</label>
对上面的例子，label是标签，yyy是内容，property是属性名，xxx是属性值。
4. 任务实操
本节无实操，理解就好。
5. 任务总结
本章主要是让大家了解下标签的属性与内容的区别，内容一般是显示到页面上的内容，而属性用来提供不需要显示到页面上的信息。