视图允许我们为分别定义用来包装字段内容，字段标签，还有字段内容和字段标签的 HTML 标签。

这里我们先来看一下电影的标题字段，可以使用 Chrome 浏览器的开发者工具查看一下，鼠标放在其中的一个电影标题内容上，点击右键，审查元素。

在这里，你可以看到，包装这个电影标题字段内容的是 <span> 标签。下面我们修改一下，打开视图的编辑界面…

把鼠标放在这个内容列表上，在列表的右上角会显示一个齿轮图标，点击这个齿轮图标，然后选择 编辑视图，这样可以直接打开这个视图的设置界面。

我们要设置的是 内容：标题 字段，点击打开这个字段。 然后点击 样式设定 …

这里已经勾选了 添加默认类，（! 去掉）它会在包装字段的 HTML 标签上定义一些 CSS 类，如果你不想使用这些默认的类，或者想添加自己定义的类，可以取消这个选项。

除了这个选项，另外还有三个选项，它们可以控制包装字段使用的 HTML 标签，还有在上面定义的 CSS 类。

我们要修改的是包装字段内容的 HTML 标签，勾选一下 定制字段的 HTML，然后在 HTML 元素 下面的下拉菜单里，我们可以重新为字段内容选择包装的 HTML 标签，选择 h3 。

如果你想在这个 HTML 标签上添加一个 CSS 类，可以勾选下面的 生成一个CSS类 这个选项，然后输入自己定义的类名…

点击 应用 ，保存…

回到电影列表页面…

再查看一下电影标题字段的元素… 你会看到，这里会使用我们选择的 h3 这个元素来标记标题内容。

在这个 <h3> 元素的外面，还有一个 <div> 标签，这个标签就是用来包装字段标签和字段内容的标签。你可以利用这个标签为字段添加一样复杂的样式… 如果用不到，我们可以去掉这个 HTML 标签。

把鼠标放在内容列表上，点击右上角的齿轮图标，编辑视图，点击 内容：标题 这个字段，打开 样式设定。

勾选一下 定制包装字段和标签的 HTML，点击 HTML 元素 下面的下拉菜单，选择 无。

点击 应用 ，保存…

回到电影内容列表页面…

再查看一下标题字段的元素… 这里视图不再输出同时包装字段和标签的 HTML 元素了。

用同样的方法，你可以处理一下包装其它字段使用的 HTML 元素。尽量保存代码的简洁，去掉那些不需要的 HTML 标签。