元素链接正确缺少必需的属性答案

【问题标题】：Element link is missing required attribute properly元素链接正确缺少必需的属性
【发布时间】：2014-06-07 02:06:53
【问题描述】：

我在验证时遇到了 3 个此类错误。

文档类型：HTML5

错误：元素链接缺少必需的属性属性。

<link type="text/css" href="/wp-content/themes/aykamakina/bxslider/jquery.bxslider.css" rel="stylesheet" />
<script src="/wp-content/themes/aykamakina/tabs/js/easyResponsiveTabs.js" type="text/javascript"></script>
<link rel="stylesheet" href="/wp-content/themes/aykamakina/fancybox/source/jquery.fancybox.css" type="text/css" media="screen" />
<link rel="stylesheet" type="text/css" href="//code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css">

所以我使用了 rel - type - href 并且其中一个具有 media 属性。在这种情况下我还必须使用哪些其他方法？

我不明白为什么我只使用相同属性的其他链接没有收到相同的错误... 谢谢你的时间！

【问题讨论】：

我认为你在 body 标签中有一个 link 元素

标签： css html validation hyperlink

【解决方案1】：

错误消息中的信息已过时。错误消息的更新速度显然没有验证器的基本功能那么快。验证器实际上是针对 HTML5 + RDFa 进行验证，RDFa 定义了property 属性。

将您的<link> 放在文档顶部的<head> 中。

在 HTML5 中，link 元素允许在文档正文中，但带有 itemprop 属性。

【讨论】：

哦，我发现这些链接在 footer.php 中，所以当我把它放到 head 部分的 header.php 中时它起作用了。谢谢！

【解决方案2】：

您是否发布了所有非验证代码？因为这可以验证，所以尝试一下：

<!DOCTYPE html>
<html>
<head>
<title>sample</title>
<link type="text/css" href="/wp-content/themes/aykamakina/bxslider/jquery.bxslider.css" rel="stylesheet" />
<script src="/wp-content/themes/aykamakina/tabs/js/easyResponsiveTabs.js" type="text/javascript"></script>
<link rel="stylesheet" href="/wp-content/themes/aykamakina/fancybox/source/jquery.fancybox.css" type="text/css" media="screen" />
<link rel="stylesheet" type="text/css" href="//code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css">
</head>
</html>

【讨论】：