“文档”工具栏中包含一些按钮，使用这些按钮可以在文档的不同视图间快速切换：“代码”视图、“设计”视图以及同时显示“代码”和“设计”视图的拆分视图。

工具栏中还包含一些与查看文档、在本地和远程站点间传输文档有关的常用命令和选项。

查看完全大小图形

A.

显示代码视图

B.

显示代码视图和设计视图

C.

显示设计视图

D.

文档标题

E.

文件管理

F.

在浏览器中预览/调试

G.

刷新设计视图

H.

视图选项

I.

可视化助理

J.

验证标记

K.

检查浏览器兼容性

以下选项出现在“文档”工具栏中：

显示代码视图

只在“文档”窗口中显示“代码”视图。

显示代码视图和设计视图

将“文档”窗口拆分为“代码”视图和“设计”视图。当选择了这种组合视图时，“视图选项”菜单中的“在顶部查看设计视图”选项变为可用。

显示设计视图

只在“文档”窗口中显示“设计”视图。

注： 如果处理的是 XML、JavaScript、Java、CSS 或其它基于代码的文件类型，则不能在“设计”视图中查看文件，而且“设计”和“拆分”按钮将会变暗。

文档标题

允许您为文档输入一个标题，它将显示在浏览器的标题栏中。如果文档已经有了一个标题，则该标题将显示在该区域中。

文件管理

显示“文件管理”弹出菜单。

在浏览器中预览/调试

允许您在浏览器中预览或调试文档。从弹出菜单中选择一个浏览器。

刷新设计视图

在“代码”视图中对文档进行更改后刷新文档的“设计”视图。在执行某些操作（如保存文件或单击该按钮）之后，您在“代码”视图中所做的更改才会自动显示在“设计”视图中。

注： 刷新过程也会更新依赖于 DOM（文档对象模型）的代码功能，如选择代码块的开始标签或结束标签的能力。

视图选项

允许您为“代码”视图和“设计”视图设置选项，其中包括指定这两个视图中的哪一个居上显示。该菜单中的选项会应用于当前视图：“设计”视图、“代码”视图或同时应用于这两个视图。

可视化助理

使您可以使用各种可视化助理来设计页面。

验证标记

用于验证当前文档或选定的标签。

检查浏览器兼容性

用于检查您的 CSS 是否对于各种浏览器均兼容。