Question

我的网站上有一个小元素，显示当前页面标记的有效性。目前，它被静态设置为“HTML5 Valid”，因为我经常检查它是否实际上是HTML5有效。如果不是，那么我解决任何问题，因此它保持HTML5有效。

但我希望这个元素是动态的。那么，有没有办法用当前的URL ping W3C验证服务，接收结果然后将结果插入PHP或JavaScript函数？ W3C是否为此提供API，或者您是否必须手动编写此代码？

Answer 1

这里是W3C HTML Checker（aka验证器）的维护者。实际上，检查器确实公开了一个允许您执行的API，例如：

https://validator.w3.org/nu/?doc=https%3A%2F%2Fgoogle.com%2F&out=json

...它以JSON的形式返回结果。还有一个POST接口。

您可以在此处找到更多详细信息：

Answer 2

他们没有我所知道的API。

因此，我的建议是：

使用您网页的网址（使用file_get_contents()或curl）向结果页面GET）发送请求（http://validator.w3.org/check?uri=）。解析有效消息（DOMDocument或简单字符串搜索）的响应。

注意：这是一个脆弱的解决方案。如果在W3C方面有任何变化，可能会中断。但是，它可以工作，这个工具已经有几年了。

此外，如果您真的想在自己的网站上使用此功能，我强烈建议使用某种缓存方式。在每个页面请求上执行此操作非常昂贵。老实说，这应该是一个开发工具。运行的东西并向您报告错误。保持徽章静止。

Answer 3

下面是一个示例，该示例如何实现W3C API来验证PHP中的HTML：

   $curl = curl_init();
   curl_setopt_array($curl, array(
       CURLOPT_URL => "http://validator.w3.org/nu/?out=json",
       CURLOPT_RETURNTRANSFER => true,
       CURLOPT_ENCODING => "",
       CURLOPT_MAXREDIRS => 10,
       CURLOPT_TIMEOUT => 30,
       CURLOPT_HTTP_VERSION => CURL_HTTP_VERSION_1_1,
       CURLOPT_CUSTOMREQUEST => "POST",
       CURLOPT_POSTFIELDS => '<... your html text to validate ...>',
       CURLOPT_HTTPHEADER => array(
           "User-Agent: Any User Agent",
           "Cache-Control: no-cache",
           "Content-type: text/html",
           "charset: utf-8"
       ),
   ));
   $response = curl_exec($curl);
   $err = curl_error($curl);
   curl_close($curl);
   if ($err) {
      //handle error here
      die('sorry etc...');
   }
   $resJson = json_decode($response, true);

$ resJson将如下所示：

{
    "messages": [
        {
            "type": "error",
            "lastLine": 13,
            "lastColumn": 110,
            "firstColumn": 5,
            "message": "Attribute “el” not allowed on element “link” at this point.",
            "extract": "css\">\n    <link el=\"stylesheet\" href=\"../css/plugins/awesome-bootstrap-checkbox/awesome-bootstrap-checkbox.min.css\">\n    <",
            "hiliteStart": 10,
            "hiliteLength": 106
        },
        {
            "type": "info",
            "lastLine": 294,
            "lastColumn": 30,
            "firstColumn": 9,
            "subType": "warning",
            "message": "Empty heading.",
            "extract": ">\n        <h1 id=\"promo_codigo\">\n     ",
            "hiliteStart": 10,
            "hiliteLength": 22
        },....

检查https://github.com/validator/validator/wiki/Service-»-Input-»-POST-body了解更多详细信息。

动态W3C验证

3 个答案: