1. 前言

都说了，HTML是超文本传输语言，之前讲述的内容还都在文本范围内，马上就要讲到一个超出文本的标签了——图像。

但在讲述图像标签的使用之前，我们先来了解下内容和属性的区别。

2. 标签的内容

内容是比较好理解的，就是标签中间包裹的部分，例如<h1>我的博客</h1>，中间的我的博客就是h1标签的内容。

内容是直接显示到网页上的东西，所以我的博客会在网页上直接显示。

3. 标签的属性

但是还有一种情况，就是一些信息并不会在网页上显示，但是也是需要提供的辅助信息。

例如之前接触到的设置网页为中文meta标签。

<meta charset="utf-8">

1

在这个例子中，utf-8表示一种编码方式，它是一个参数信息，用户告诉浏览器当前页面采用中文编码。

但是这个信息是没必要显示到网页上的，没必要让浏览器的用户看到，这种就叫做属性，属性一般是放到标签的开头部分的。

4. 标签的格式

所以，了解属性和内容之后，我们可以知道标签的格式，无非如下：

<label property="xxx">yyy</label>

1

对上面的内容，label是标签，yyy是内容，property是属性名，xxx是属性值。

5. 小结

本章主要是让大家了解下标签的属性与内容的区别，内容一般是显示到页面上的内容，而属性一般是提供一些附加的描述信息。