W3C验证器:元素头缺少子元素标题的必需实例
W3C validator : Element head is missing a required instance of child element title
嗨,我正在通过w3c验证器验证我的HTML代码。但它显示了一个错误,元素头缺少子元素title的必需实例。
URL为http://nitansh.fwd.wf/article/travel/best-all-inclusive-resorts-for-romance/3189783/
而标题出现在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>
仅供参考,这是验证器在代码中看到的内容
<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>
您可以通过打开验证器中的show source选项来看到这一点。也许是时候研究渐进增强了?
与您的另一个问题中的解决方案相同:
您正在用JavaScript注入title
元素,但W3C验证器不执行JavaScript。
相关文章:
- HighCharts长标题文本在某些元素上重叠
- 为li元素添加标题
- <标题>插入SVG的元素不起作用
- 克隆元素时更改标题的文本
- 如何使动态树标题中的span元素可点击
- 如何解析html以删除元素并只返回其位置的标题
- 基于比较子元素内容和目标标题内容的Javascript排序元素
- 如何为CheckedMultiSelect的每个元素添加不同的标题
- 为什么.attr('title')正在抓取前一个元素'的标题
- 如何仅切换标题元素而不切换列表
- jQuery / Javascript方法获取当前页面的标题,将其与字符串匹配,将类分配给该特定元素
- 如何在标题中的所有元素中淡入淡出
- 引导选项卡标题元素中的复杂 html
- 修复了标题导航和滚动到()下一个/上一个元素
- 无法将脚本元素附加到标题
- 使用 javascript 获取元素标题
- 无法使用
导航到正确的元素,因为页面标题窗格已修复(冻结) - Ajax 对 xml 页面的响应以获取标题元素不起作用
- W3C验证器:元素头缺少子元素标题的必需实例
- 如何访问Json中的元素标题