我正在尝试使用W3C验证器验证我的网站,但它不起作用.我有一个YouTube iframe,这是错误:
iframe元素上的frameborder属性已过时.请改用CSS.
截图:http://i.stack.imgur.com/VCiJV.png
这是我的index.html(裁剪):
<!-- Video -->
<div class="video-container box-size">
<iframe width="700" height="312" src="http://www.youtube.com/embed/OfUPsnAtZMI" frameborder="0" allowfullscreen></iframe>
</div>
我该如何纠正？
我使用validator.w3.org验证了我的网站
它报告了以下错误:
Line 5, Column 67: Bad value X-UA-Compatible for attribute http-equiv on element meta.
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" >
如果我不包含那个META标签,那么所有IE9访问者都会看到我的网站处于Quirks模式,我想阻止它.
任何帮助将不胜感激!
为了更好的搜索引擎优化,我需要在我的页面上添加一些元素:
<!-- Schema.org markup for Google+ -->
<meta itemprop="name" content="The Name or Title Here">
<meta itemprop="description" content="This is the page description">
<meta itemprop="image" content="http://www.example.com/image.jpg">
这是来源.
然后我在标记验证服务上检查此代码:
<!DOCTYPE html>
<html>
<head lang="en">
<meta itemprop="name" content="The Name or Title Here">
<meta itemprop="description" content="This is the page description">
<meta itemprop="image" content="http://www.example.com/image.jpg">
<meta charset="UTF-8">
<title>My title</title>
</head>
<body>
My body.
</body>
</html>
抛出这个错误:
第4行,第57列:
itemprop指定了属性,但该元素不是任何项的属性.Run Code Online (Sandbox Code Playgroud)<meta itemprop="name" content="The Name or Title Here">第5行,第70列:
itemprop指定了属性,但该元素不是任何项的属性.Run Code Online (Sandbox Code Playgroud)<meta itemprop="description" content="This is the …
我是开发CMS系统的团队的一员.
我们希望能够以符合W3C标准的方式在HTML页面中插入<style>标签<body>,因为验证是我们的SEO顾问的要求.
样式标记在所有浏览器的body标签内完美运行,但它拒绝验证.
我经常使用THEAD,TBODY和TFOOT元素将我的数据表划分为可以用CSS单独处理的部分.我也明白,总有一个隐含的TBODY标签.
令我困惑的是这些必须进行验证的顺序.该表将验证:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Table Validation Test</title>
</head>
<body>
<table>
<thead>
<tr>
<th scope="col">Enemies List</th>
</tr>
</thead>
<tfoot>
<tr>
<td>© Bomb Voyage</td>
</tr>
</tfoot>
<tbody>
<tr>
<td>Mr. Incredible</td>
<td>Elastigirl</td>
<td>Gazer Beam</td>
</tr>
</tbody>
</table>
</body>
</html>
但是这个不会:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Table Validation Test</title>
</head>
<body>
<table>
<thead>
<tr>
<th scope="col">Enemies List</th> …我读到自闭项标签在某些浏览器中存在问题,例如IE7和Firefox 3:为什么自动关闭脚本标签不起作用？
我很好奇这个问题是否也适用于链接样式表.
例如使用
<link href="/css/style.css" rel="stylesheet" type="text/css" />
代替
<link href="/css/style.css" rel="stylesheet" type="text/css"></link>
根据W3C验证器,我收到此错误:
元素的
language属性script已过时.你可以安全地省略它.Run Code Online (Sandbox Code Playgroud)…uage="JavaScript" src="js/gen_validatorv31.js" type="text/javascript"></script>
我该如何解决？
我检查了脚本,这应该不是问题.
使用以下代码select:
<select name="province" id="province" required="required">
<optgroup label="Provinces">
<option value="Alberta">Alberta</option>
<option value="British Colombia">British Colombia</option>
<option value="Manitoba">Manitoba</option>
<option value="New Brunswick">New Brunswick</option>
<option value="Newfoundland and Labrador">Newfoundland and Labrador</option>
<option value="Nova Scotia">Nova Scotia</option>
<option value="Ontario" selected="selected">Ontario</option>
<option value="Prince Edward Island">Prince Edward Island</option>
<option value="Quebec">Quebec</option>
<option value="Saskatchewan">Saskatchewan</option>
</optgroup>
<optgroup label="Territories">
<option value="Northwest Territories">Northwest Territories</option>
<option value="Nunavut">Nunavut</option>
<option value="Yukon">Yukon</option>
</optgroup>
</select>
我需要的值与指南所要求的选项相同.此代码工作正常,但未通过W3C验证:
一个
select带有元素required属性,没有multiple属性,其大小为1,必须有一个子option元素.
这个问题的解决方案是什么？
这可能是一个无意义的问题,我知道我们必须尽可能地遵循标准.但是可以<td>成为另一个孩子的直接孩子<td>,像这样:
<td class="parent">
<td class="child">
<!-- Some info -->
</td>
</td>
或者在添加之前<table>用新的东西创建另一个是必须<tr>的<td>,这可能会变成人口密集的表标签并成为集群...
我在验证时为我的网站收到此错误.
Error: A charset attribute on a meta element found after the first 512 bytes.
这是导致此问题的代码:
<!DOCTYPE html>
<html class="not-ie no-js" lang="en-US" prefix="og: http://ogp.me/ns#">
<head>
<link rel="stylesheet" type="text/css" href="http://mywebsite.com.au/wp-content/cache/minify/000000/TY3RDsIgDEV_SFb5pAqVgLDWFTb79y6bWXw6ybk3OR4KdcHwgsZxVFLYckzUL97uoN0q7QyqUN6DFpueOAd78Gdqef4ta47EruifwhEzS0WjZfWH97CJSw1FcjdHqOYSc6rkdqdnaU_LdRHW7k79BQ.css" media="all" />
<script type="text/javascript" src="http://mywebsite.com.au/wp-content/cache/minify/000000/hY7RDsIgDEV_aFCXmCzxb5DVDQSKtDj164W5dx977rltV5F8ATDevPRCtAQ02bG2FHcGwV0Z_KNiecOoJz0eg44uac_DCTxDpBlLcp-ibWWh-KNPNyMpz10dztBWRkyiCuaw14exsSTGirpRiWoCl2yoM3JvH2d68l9mW1wWbpJHycbe-0s1tHDLS6GVvg.js"></script>
<script type="text/javascript" src="http://mywebsite.com.au/wp-content/cache/minify/000000/M9YvzdTPKixNLarUK83UK89MSU8t0cvNzAMA.js"></script>
<script type="text/javascript" src="http://mywebsite.com.au/wp-content/cache/minify/000000/ZY5BDsIwDAQ_RNIWxEt4gUkMuKRxsJPS8HpacahQLnuYnZW270btFAO6TDN9xED0BpcsYH6URe1E8dBvoqAmjn4H46ugVIugFO9msKemukF09cqLTeCef42rLqCFEJqNTiD5krcI5FEagZQzJ2z46EC4rMf3BoonTgEqyjw0g8zFPS5vSrieP9rzLriimacv.js"></script>
<meta charset="UTF-8">
w3c-validation ×10
html ×5
w3c ×2
css ×1
html-select ×1
html-table ×1
html5 ×1
iframe ×1
meta-tags ×1
microdata ×1
schema.org ×1
seo ×1
validation ×1
xhtml ×1