标签: html-validation

最好的HTML验证器/解析器?

我有一个大的HTML文件,看起来有些标签没有关闭.很难找到它.我正在使用VIM作为编辑.

有没有什么好办法找到它?

html html-parsing html-validation

5
推荐指数
1
解决办法
2872
查看次数

如何让Visual Studio将我的MVC3代码验证为HTML5而不是XHTML 1.0 Transitional?

在我的主布局文件中,我有HTML5 doctype:

<!DOCTYPE html>
Run Code Online (Sandbox Code Playgroud)

但是,在我的一个观点中,我已经实现了一个Twitter按钮,而Visual Studio正在抱怨.码:

<a href="twitterurl..." class="twitter-hashtag-button" data-size="large" data-url="http://google.com">Tweet #Google</a>
Run Code Online (Sandbox Code Playgroud)

我得到的警告:

Warning  Validation (XHTML 1.0 Transitional): Attribute 'data-size' is not a valid attribute of element 'a'.
Run Code Online (Sandbox Code Playgroud)

我正在使用ASP.NET MVC3和Visual Studio 2010.

html5 visual-studio-2010 html-validation asp.net-mvc-3

5
推荐指数
1
解决办法
1159
查看次数

HTML rel标签

我试图用w3c验证我的HTML5文档.我正在使用fancybox jQuery插件来处理简单的灯箱和图像库.为了区分每个图库,我正在使用rel标签.

当我验证我的页面时,我收到以下错误:

属性rel的错误值库元素a:不是绝对IRI.字符串库不是已注册的关键字或绝对URL.

这是我的代码:

<div class="portItem">
    <div class="thumbs">
        <div class="items">
        <img src="images/rsl.jpg" class="col" alt="A website for R.S.Lynch and Company"/>
        <div class="caption">
            <a class="fancybox" rel="gallery1" href="images/rs1.jpg">R.S.Lynch & Company</a>
            <div class="hidden">
            <a class="fancybox" rel="gallery1" href="images/rs2.jpg"></a>
            <a class="fancybox" rel="gallery1" href="images/rs3.jpg"></a>
            <a class="fancybox" rel="gallery1" href="images/rs4.jpg"></a>
            <a class="fancybox" rel="gallery1" href="images/rs5.jpg"></a>
            </div>
        </div>
        </div>
    </div>
</div>
Run Code Online (Sandbox Code Playgroud)

是否有更好的标签可以使用并获得相同的结果?谢谢

validation html-validation

5
推荐指数
1
解决办法
7735
查看次数

被检查= HTML复选框无效?

所以,我一直在修理我的网站.我的网站当然会从"视图"生成HTML.

现在,我的一部分视图看起来像这样:

<input type="checkbox" name="Publish" checked="{=Entry.Publish ? "yes" : "no" =}" value="true" />
Run Code Online (Sandbox Code Playgroud)

这是解决这个问题的最简单方法.但是,在生成时checked="no",每当我加载页面时,默认情况下仍会选中该复选框.我是否真的必须将checked所有属性排除在一起以便不进行检查?

另外,我使用HTML5作为我的doctype.

html checkbox html5 html-validation

5
推荐指数
1
解决办法
6300
查看次数

'itemprop'和'rel'属性在同一个元素上

它是有效的使用itemprop属性rel同一元素的属性?

Google网站名称文档中的示例包含

<link rel="canonical" href="https://example.com/" itemprop="url">
Run Code Online (Sandbox Code Playgroud)

这在https://validator.w3.org/nu/中给出了这个错误:

此时rel元素link上不允许属性.

html5 rel html-validation microdata

5
推荐指数
1
解决办法
605
查看次数

HTML错误是否算作WCAG错误?

我正在努力建立一个符合WCAG标准的网站并阅读了很多关于它的内容,但仍有一个问题依然存在:

如果文档有HTML错误,是否会被视为符合WCAG 2.0 AA?

以下是Total Validator生成的报告.它有2个差异部分.1表示HTML错误,其他表示WCAG错误.是否意味着如果存在HTML错误和WCAG错误,该文档是否符合WCAG标准?

Total Validator生成的报告的屏幕截图,显示标题为

顺便说一句,它是HTML 4.

html wcag html-validation

4
推荐指数
1
解决办法
156
查看次数

为什么CDATA不保护我的javascript代码来自HTML验证器?

我在我的网页上插入了一些js代码(由第三方服务提供),这打破了我的html验证.我该如何解决这个问题?CDATA没有做到这一点.这是我的示例代码段:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> 
<html> 
<head>
  <title>test</title>
  <script type="text/javascript">
  /*<![CDATA[*/
    document.write('<script src="//sharebutton.net/plugin/sharebutton.php?type=horizontal&u=' + encodeURIComponent(document.location.href) + '"></scr' + 'ipt>');
  /*]]>*/
  </script>
</head>
<body>

  <p>test</p>

</body>
</html>
Run Code Online (Sandbox Code Playgroud)

在这里,你可以找到验证的结果.

javascript cdata html-validation

4
推荐指数
1
解决办法
349
查看次数

如何为没有表单的输入元素禁用HTML5验证工具提示

如果我input<form>元素中包含,则只需将novalidate属性添加到表单即可禁用HTML5验证工具提示。但是,我的输入不是表单元素(我正在使用angularJS,并且使用了ng-form指令)。

我可以听无效事件并阻止提交验证,但是我不能阻止验证工具提示。

这是一个简单的JsFiddle来显示问题。

html5 html-validation angularjs

4
推荐指数
2
解决办法
7469
查看次数

HTML选择选项验证

如何在普通javascript中提醒选择不能为空?

这是我的选项菜单的代码:

            <div class="interest">
            <label for="interest">Interest Area *</label>

            <select name="interest">
            <option value="blank"></option>
            <option value="option1"> EXAMPLE 2 </option>
            <option value="option2"> EXAMPLE 3 </option>
            <option value="option3"> EXAMPLE 4 </option>
            </select>
            </div>
Run Code Online (Sandbox Code Playgroud)

提前致谢

javascript html-validation

2
推荐指数
1
解决办法
3万
查看次数

HTML验证会产生错误

我正在使用谷歌字体,它为以下链接生成以下错误

<link href="http://fonts.googleapis.com/css?family=Lato:100,300,400,700,900,100italic,300italic,400italic,700italic,900italic|Montserrat:700|Merriweather:400italic|Roboto+Condensed|Source+Sans+Pro|Droid+Serif|Open+Sans+Condensed|Oswald|Molengo|PT Sans|Droid Sans')" rel="stylesheet" />
Run Code Online (Sandbox Code Playgroud)

错误信息

第35行,第289列:href元素的属性值错误link:查询中的非法字符:不是URL代码点。

…if|Open+Sans+Condensed|Oswald|Molengo|PT Sans|Droid Sans')" rel="stylesheet" />
Run Code Online (Sandbox Code Playgroud)

URL的语法:任何URL。例如:/ hello,#canvas或http://example.org/。字符应以NFC表示,空格应转义为%20。

范例HTML

<html>
<head>

    <title>Title</title>
    <meta charset="utf-8" />
    <meta name="viewport" content="user-scalable=no, width=device-width, initial-scale=1, maximum-scale=1" />
<link href="http://fonts.googleapis.com/css?family=Lato:100,300,400,700,900,100italic,300italic,400italic,700italic,900italic|Montserrat:700|Merriweather:400italic|Roboto+Condensed|Source+Sans+Pro|Droid+Serif|Open+Sans+Condensed|Oswald|Molengo|PT+Sans|Droid+Sans')" rel="stylesheet" />
</head>
<body>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)

更新

这会产生错误

 <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Roboto%20Condensed|Source%20Sans%20Pro" />
Run Code Online (Sandbox Code Playgroud)

这个作品

 <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Lato"  />

<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Roboto%20Condensed" />
Run Code Online (Sandbox Code Playgroud)

当我添加|添加多种字体时,它会生成错误,因此我应该使用多个<link>标签添加字体还是?

对此感到困惑的是,如下链接是由Google字体在网站上使用字体生成的

https://www.google.com/fonts#UsePlace:use/Collection:Open+Sans|Roboto:400,700,400italic|Roboto+Condensed:400,300|Lato
Run Code Online (Sandbox Code Playgroud)

html css w3c-validation html-validation

1
推荐指数
1
解决办法
784
查看次数