标签: w3c-validation

我正在使用 W3C CSS 验证器，它说我的以下代码有错误：

属性 text-wrap 不存在：抑制 抑制

.fieldLabelRed {
   padding: 0px 2px 0px 2px;
   margin: 0px 10px 0px 0px;
   color: #FF0000;
   text-wrap: suppress; /* <--- This line */
}

我查看了CSS手册，这就是我发现的，但我没有看到任何错误：文本换行设置：'text-wrap'属性

我已经使用 CSS 2.1 和 3.0 进行了验证，并且都给出了相同的错误。

我有一些jQuery代码,没有它在文档中它传递验证很好,但它与它在其中会导致错误.有问题的代码在这里:

    $.ajax({
        type: "GET",
        url: "data.xml",
        dataType: "xml",
        success: function(xml) {

            //Update error info
            errors = $(xml).find("Errors").find("*").filter(function ()
            {
                return $(this).children().length === 0;
            });

            if (errors.length == 0)
            {
                statuscontent = "<img src='/web/resources/graphics/accept.png' alt='' /> System OK";
            }
            else
            {
                statuscontent = "<img src='/web/resources/graphics/exclamation.png' alt='' /> "+errors.length+" System error"+(errors.length>1?"s":"");
            }

            $("#top-bar-systemstatus a").html(statuscontent);

            //Update timestamp
            $("#top-bar-timestamp").html($(xml).find("Timestamp").text());

            //Update storename
            $("#top-bar-storename").html("Store: "+$(xml).find("StoreName").text());
        }
    });

页面上有很多其他jQuery代码,这些代码都运行良好并且没有错误,因此我无法理解这有什么问题.页面不是"实时",因此不幸的是无法提供链接.

它列出的错误是

文档类型不允许元素"img"在这里

它指向的代码行在这里:

 statuscontent = "<img src='/web/resources/graphics/accept.png' alt='' /> System OK";

它也有下一个任务的问题 statuscontent

尝试使用w3c验证器时,此列表似乎出错:

<ul class="navtest" >
    <ul>
        <li><a href="url.php">Fall Catalog</a></li>
        <li><a href="url.php">Contact us</a></li>
    </ul>
</ul>

我得到的错误是:第94行,第12列:省略了"LI"的开始标记,但其声明不允许这样做

        <ul>

有什么我做错了吗？使用:HTML 4.01 Transitional

错误是：

\n

范围内没有 p 元素，但看到 ap 结束标记。

\n

根据W3C 验证器，错误是由这部分引起的：

<p>\n    <a href="">Anasayfa</a> \xc2\xbb <a title="Emlak Bul" href="Emlak-Bul">Emlak Bul</a> \xc2\xbb <a title="Mersin Emlak \xc4\xb0lanlar\xc4\xb1" href="ilan/siralama/Mersin-Emlak-\xc4\xb0lanlar\xc4\xb1">Mersin</a> \xc2\xbb <a title="Mersin Sat\xc4\xb1l\xc4\xb1k Emlak \xc4\xb0lanlar\xc4\xb1" href="ilan/siralama/Mersin-Sat\xc4\xb1l\xc4\xb1k-Emlak-\xc4\xb0lanlar\xc4\xb1">Sat\xc4\xb1l\xc4\xb1k</a> \xc2\xbb <a title="Mersin Sat\xc4\xb1l\xc4\xb1k Ev Konut" href="ilan/siralama/Mersin-Sat\xc4\xb1l\xc4\xb1k-Ev-Konut">Ev Konut</a> \xc2\xbb Yazl\xc4\xb1k\n    <div id="kategori_degistir">\n        <p>\n            Araman\xc4\xb1z\xc4\xb1 Daralt\xc4\xb1n\n        </p>\n        <p>\n            \xc4\xb0l\xc3\xa7e : <a title="Mersin Erdemli Sat\xc4\xb1l\xc4\xb1k Yazl\xc4\xb1k" href="ilan/siralama/Mersin-Erdemli-Sat\xc4\xb1l\xc4\xb1k-Yazl\xc4\xb1k">Erdemli</a>, <a title="Mersin Mezitli Sat\xc4\xb1l\xc4\xb1k Yazl\xc4\xb1k" href="ilan/siralama/Mersin-Mezitli-Sat\xc4\xb1l\xc4\xb1k-Yazl\xc4\xb1k">Mezitli</a>\n        </p>\n        <p>\n            \xc3\x96zellik : <a title="Mersin Sat\xc4\xb1l\xc4\xb1k Yazl\xc4\xb1k 1+1" href="ilan/siralama/Mersin-Sat\xc4\xb1l\xc4\xb1k-Yazl\xc4\xb1k-1+1">1+1</a>, <a title="Mersin …

有人可以帮我理解html/xhtml页面的文档类型和内容类型之间的区别吗？

我知道浏览器使用文档类型来确定选择哪种模式(标准/怪癖),以及遵循要使用的文档类型模式？

1. 那么我们在meta标签中指定的内容类型是什么？
2. 它与文档类型有任何关系/差异吗？
3. 在页面渲染时,这种内容类型有何重要意义？
4. 指定内容类型是否有助于浏览器的性能？
5. 还有什么内容类型？

我有以下CSS:

body {
  width: calc(700px + 2 * 4rem);
}

.someclass {
  margin: calc(2rem - 2px) 0;
}

当我通过W3C CSS验证运行时,我得到了

值错误:宽度分析错误+ 2*4rem)
值错误:margin Parse Error - 2px)0

是什么导致了这个？我使用的所有单位calc()都是长度单位,calc()应该能够处理它.

我的页面中有以下html代码:

<a class="fancybox" href="best-price.php">
<div id="bestprice">
</div><!--visitorinfo-->
</a>

在验证器上,我有以下消息:

<div id="bestprice">

提到的元素不允许出现在您放置它的上下文中; 其他提到的元素是唯一允许存在的元素,并且可以包含所提到的元素.这可能意味着您需要一个包含元素,或者您可能忘记关闭前一个元素.

此消息的一个可能原因是您尝试将块级元素(例如" <p>"或" <table>")放在内联元素(例如" <a>"," <span>"或" <font>")中.

有任何想法吗？

我在通过 W3C 验证器验证我的网页时遇到此错误，但我不明白如何解决此错误。在我的 HTML 中，我在多个 s 中使用了它。下面是一个例子

<div class="modal fade in" id="undelivered-item-modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" style="display: block;">

请指导我如何解决这个问题，因为我是 HTML5 的新手。

我正在使用这段代码：

<div class="home_notizia_page_riassunto">
   <?php echo get_the_excerpt();?>
   <a href="<?php echo get_permalink();?>">  <nobr>- <span style="color:red;"> Leggi tutto </span></nobr></a>
</div>

但是我在 W3C 验证器中得到了这个错误：

在此上下文中nobr不允许元素作为元素的子元素a。

我试图放在nobr很多地方，但问题仍然存在。有什么建议吗？

我正在网页上实现 Jssor 的 Bootstrap Carousel Slider。使用 W3C 的验证工具，我收到此特定图像缺少替代文本的错误：

<div data-u="loading" class="jssorl-009-spin" style="position:absolute;top:0px;left:0px;width:100%;height:100%;text-align:center;background-color:rgba(0,0,0,0.7);">
    <img style="margin-top:-19px;position:relative;top:50%;width:38px;height:38px;" src="/svg/loading/static-svg/spin.svg" />
</div>

该图像只是一个用于表示 Jssor 滑块加载的旋转磁盘。我很好奇我是否应该在这张图片上使用替代文字。到目前为止，我的研究指出只包含一个空白alt=""属性；对于是否应该包含并留空，或者如果我没有任何替代文本，是否应该避免它，是否有权威参考？