网页验证与常见错误解析

### 网页验证与常见错误解析 #### 语义内容提取 网站的语义内容可以通过W3C语义数据提取器进行检查。它能够提取以下类型的语义数据： - 通用元数据 - 文档头部提供的标题、作者和描述 - 嵌入在文档主体中的RDFa元数据（也可以生成RDF/XML格式） - 相关资源 - 链接文件，例如RSS或Atom新闻源 - 文档头部提供的词汇表、版权信息和可书签点 - 文档大纲 - 引用和引文 菜单点和URI通过超链接提供。 另一个全面的语义数据提取工具是Sindice Web Data Inspector，其网址为http://inspector.sindice.com 。该工具可用于从标记、RDF/XML、Turtle或N3文档中提取RDF三元组，这些文档可以通过URI或直接输入提供。Sindice Web Data Inspector既可以专门用于检索语义数据（“Inspect”按钮），也可以用于语义数据提取和验证的组合操作（“Inspect + Validate”按钮），还能进行本体分析和推理。 该工具会提供从文件中检索到的完整的主语 - 谓语 - 宾语三元组列表，输出格式也可以更改为N - 三元组或RDF/XML。“Sigma”选项很好地展示了机器可读元数据，软件工具可以从编写良好的语义文档中提取结构化数据并任意显示，这正是语义网的真正精髓。 此外，Sindice Web Data Inspector还能从语义文档生成可缩放的图形。该图形不仅展示了三元组，还能快速总结文件中使用的本体和词汇表。它还有验证功能，有两种不同的选项： - “RDF语法验证”：根据W3C规范执行RDF语法验证。 - “严格验证器”：对提取的三元组进行验证。如果文档有效，两个验证器都会给出“有效文档”的结果。 #### 表达有效性 网站的标准一致性可以通过“有效”图标（也称为有效性徽章或有效性徽标）轻松表达。除了通知读者外，如果使用得当，它们还可以用作即时验证链接。W3C验证器在验证网页文档时提供的示例代码中列出了预期的超链接。 以下是推荐的XHTML嵌入代码示例： ```html <p> <a href="http://validator.w3.org/check/referer"> <img src="http://www.w3.org/Icons/valid-xhtml10" alt="Valid XHTML 1.0!" height="31" width="88" /> </a> </p> ``` W3C的“有效”图标左边是W3C标志，右边是推荐标准，很多情况下还会显示版本或推荐信息。图标的默认大小是88×31像素，万维网联盟为每个图标提供了金色和蓝色两个版本，内容作者可以自由选择使用。所有W3C有效性图标都适用W3C商标许可以及标志和图标使用政策，不允许修改图标。 W3C有效徽标只能用于通过验证的网页，其设计目的是用于验证。图标必须提供一个超链接，根据相应的W3C技术或标准验证网页。点击正确设置的“有效标记按钮”应将页面的URI传递给W3C标记验证服务，得到的结果页面与直接在验证器网页上使用URI进行验证的结果相同，CSS验证按钮也是如此。因此，内容提供者和网页开发者在每次修改页面时都可以使用这些按钮重新验证页面，专家可以利用这一功能确认最新修改，而无需加载相应的验证器并手动添加URI。 W3C质量保证网站列出了完整的W3C验证图标列表，包括： | 类别 | 图标 | | ---- | ---- | | 标记图标 | “HTML 2.0”、“HTML 3.2”、“HTML 4.0”、“HTML 4.01”、“ISO - HTML”（适用于ISO/IEC 15445）、“XHTML 1.0”、“XHTML 1.1”、“XHTML Basic 1.0”、“XHTML - Print 1.0”和“XHTML+RDFa” | | CSS图标 | 通用有效“CSS”图标以及更具体的“CSS level 1”和“CSS level 2”图标 | | XML图标 | “XML 1.0”、“XML 1.1” | | SVG图标 | “SVG 1.0”、“SVG 1.1”、“SVG 1.2”、“SVG Tiny 1.1”和“SVG Tiny 1.2” | | MathML图标 | “MathML 2.0” | 这些有效性图标也可以直接在W3C图标库中获取。 #### 代表技术 除了验证，还有许多图标可以代表网站使用的网页技术。它们不仅可以表达底层技术，还可以表达网站开发者认同的奉献精神、倡议，或者他们支持的项目和组织。它们还可以用来自豪地展示其他网站很少实现但先进的功能。最常用的W3C技术图标如下： - “HTML5” - “HTML5 Powered with CSS3/Styling” - “HTML5 Powered with Semantics” - “HTML5 Powered with Offline & Storage” - “HTML5 Powered with Connectivity/Realtime” - “HTML5 Powered with Multimedia” - “HTML5 Powered with Graphics, 3D, and effects” - “HTML5 Powered with Device Access” - “HTML5 Powered with Performance & Integration” 技术名称是可选的，可以组合使用（在最后选择的技术前添加“and”）。这些徽章可以使用Badge Builder 5000以水平和垂直方向生成。带有或不带有文字标记、