开发手册 欢迎您!
软件开发者资料库

Microsoft Expression Web - 验证页面

Microsoft Expression Web验证页面 - 从基本到高级概念的简单简单步骤学习Microsoft Expression Web,其中包括概述,环境设置,新网站,空白网页,网页布局,HTML布局,水平导航,垂直导航,验证页面,动态Web模板,搜索页面,图像,超链接,视频,SQL数据源,Microsoft Word,Gridview,母版页,数据表,发布,备份网站,加载项。

在本章中,我们将学习如何确保HTML和CSS代码都经过验证. Microsoft Expression Web提供了几种检查网页代码错误的方法以及与特定HTML和CSS模式不兼容的代码.

  • 状态栏和代码视图提醒您在单个页面中编码错误和不兼容,而兼容性任务窗格列出了一个或多个页面或整个网站中的所有代码错误和不兼容性.

  • Expression Web通过使用基于页面中DocType声明的文档架构来识别不兼容的代码.

  • 如果页面不包含DocType声明或无法识别DocType,Expression Web将使用辅助架构.

当您创建网站并在其页面上工作时,您应该养成验证页面的习惯. Microsoft Expression Web具有各种工具,在验证您的网页时非常有用. Expression Web中有两个非常有用的选项,让我们转到工具菜单并选择页面编辑器选项.

辅助架构

"常规"选项卡提供两个选项 :

  • 突出显示无效的HTML : 选中此选项后,它将在特定颜色方案中显示无效的HTML,在黄色背景上显示默认的红色文字.

  • 突出显示不兼容HTML : 选中此选项后,它将在代码下方显示与HTML标准不兼容的波浪下划线.

状态栏

当前打开的网页包含代码错误时,您会看到检测到代码错误图标(在以下屏幕截图中突出显示).

我们假设您在

中忘记了符号">" tag :

在这种情况下,程序窗口底部的状态栏显示"检测到代码错误"图标.

状态栏

当您从下拉菜单中选择"转到错误"时,它将带您到达错误存在,您可以轻松修复语法.

当页面包含与指定DocType不兼容的代码时,状态栏会显示检测到HTML不兼容 icon.

我们假设您使用"hre"代替"href",这是一个错误.

  • Home
  • 状态栏显示"检测到HTML不兼容"图标,如以下屏幕截图所示.

    检测到图标

    当您从下拉菜单中选择"转到错误"时,它将转到存在错误的行并且您可以轻松修复语法.

    转到错误

    兼容性报告

    兼容性报告检查页面和CSS文件是否存在代码错误,以及与您指定的DocType和CSS模式不兼容的代码.您可以生成仅检查特定文件或整个网站的报告.

    步骤1 : 要生成兼容性报告,请转到工具菜单,然后单击"兼容性报告..."选项.

    兼容性报告

    第2步 :  "兼容性检查器"对话框提供了不同的选项,可以仅检查站点中的特定文件,打开这些文件或在"文件夹列表"任务窗格或"网站"视图中选择它们.根据要求选择选项,然后单击"检查"按钮.

    兼容性检查器

    第3步 : 将打开"兼容性"任务窗格,并在任务窗格的底部显示报告生成的状态.双击任何一行,它将带您到达错误所在的位置.

    兼容性任务窗格