W3C验证器：元素头缺少子元素标题的必需实例
[英]W3C validator : Element head is missing a required instance of child element title
问题描述
Hi am validating my HTML code through w3c validator. 
您好我通过w3c验证器验证我的HTML代码。 But it is showing an error Element head is missing a required instance of child element title. 但它显示错误元素头缺少必需的子元素标题实例。
URL is http://nitansh.fwd.wf/article/travel/best-all-inclusive-resorts-for-romance/3189783/ 网址是http://nitansh.fwd.wf/article/travel/best-all-inclusive-resorts-for-romance/3189783/
while title is Present in the head of the html body 虽然标题存在于html正文的头部
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title> Best all-inclusive resorts for romance- NowU
</title>
<link rel="stylesheet" href="/static/css/styles.css">
<link rel="stylesheet" href="/static/css/video-js.css">
<link rel="stylesheet" href="/static/css/font-awesome.min.css">
<link rel="stylesheet" media="print" href="/static/css/print.css">
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js">
</script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js">
</script>
<![endif]-->
<link rel="stylesheet" href="/static/css/socialsharing.css">
<link rel="canonical" href="/article/travel/best-all-inclusive-resorts-for-romance/3189783/">
<meta name="description" content="Whether for a honeymoon, anniversary, or private escape, these resorts fit the romantic bill.">
<meta property="og:description" content="Whether for a honeymoon, anniversary, or private escape, these resorts fit the romantic bill.">
<meta name="twitter:card" value="Whether for a honeymoon, anniversary, or private escape, these resorts fit the romantic bill.">
<meta property="og:title" content="Best all-inclusive resorts for romance">
<meta property="og:type" content="article">
<meta property="og:url" content="http://nitansh.fwd.wf/article/travel/best-all-inclusive-resorts-for-romance/3189783/">
<meta property="og:image" content="http://www.gannett-cdn.com/media/USATODAY/USATODAY/2013/06/18/1371593281000-Earlyne-s-luggage-1306181810_3_4.jpg"></head>
2 个解决方案
解决方案1
2 2014-04-30 12:26:31
Just for your information this is what the validator is seeing in your code 只是为了您的信息，这是验证器在您的代码中看到的内容
<head>
<script src="//cdn.optimizely.com/js/687271175.js"></script>
<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
<meta charset="UTF-8">
</head>
You can see this by turning on the show source option in the validator. 您可以通过启用验证程序中的show source选项来查看此内容。 Maybe it's time to look into progressive enhancement? 也许现在是时候研究渐进增强了吗？
解决方案2
0 2014-04-30 16:35:41
Same solution as in your other question : 与您的其他问题相同的解决方案：
You are injecting the title element with JavaScript, but the W3C validator does not execute JavaScript. 您正在使用JavaScript注入title元素，但W3C验证程序不执行JavaScript。
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.