blocks|key|2998226|text|来自@stevelove的建议显然是实用的解决方案，但这里有一个“为什么”问题的理论答案：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2998227|尽管在旧的超文本标记语言规范中，link元素在body中是无条件无效的，但HTML5有更宽松的规则。根据HTML5.1Nightly(或多或少也是验证器试图跟踪的内容)，只要link+element具有itemprop属性，文档主体中也允许使用它(只要允许使用短语内容)。这似乎使错误消息更加令人费解。部分原因是验证器实际上是针对HTML5+%2B+RDFa进行验证的，而RDFa定义了property属性。问题仍然是验证器正在检查哪个特定的RDFa定义，因为该定义也需要重新定义HTML的规则。|offset|length|style|CODE|2998228|无论如何，错误消息中的信息都是过时的。错误消息的更新速度显然不如验证器的基本功能快。|2998229|entityMap|0|LINK|mutability|MUTABLE|url|http://www.w3.org/html/wg/drafts/html/master/single-page.html#the-link-element^0|0|G|4|N|4|2F|4|2T|8|5B|8|2F|C|0|0|0^^$0|@$1|2|3|4|5|6|7|R|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|S|8|@$D|T|E|U|F|G]|$D|V|E|W|F|G]|$D|X|E|Y|F|G]|$D|Z|E|10|F|G]|$D|11|E|12|F|G]]|9|@$D|13|E|14|1|15]]|A|$]]|$1|H|3|I|5|6|7|16|8|@]|9|@]|A|$]]|$1|J|3|-4|5|6|7|17|8|@]|9|@]|A|$]]]|K|$L|$5|M|N|O|A|$P|Q]]]]

The advice from @stevelove is apparently the practical solution, but here’s a theoretical answer to the “why” question:

Although a <code>link</code> element is unconditionally invalid in <code>body</code> in older HTML specifications, HTML5 has more permissive rules. According to HTML 5.1 Nightly (which is more or less what the validator tries to keep up with), the <a href="http://www.w3.org/html/wg/drafts/html/master/single-page.html#the-link-element"><code>link</code> element</a> is allowed in the document body, too (wherever phrasing content is allowed), provided that it has an <code>itemprop</code> attribute. This seems to make the error message even more puzzling. Part of the explanation is that the validator is actually validating against HTML5 + RDFa, and RDFa defines the <code>property</code> attribute. The problem still remains what specific RDFa definition the validator is checking against, since the definition would need to redefine rules for HTML, too.

The information in the error message is outdated, anyway. Error messages are apparently not updated as fast as the basic functionality of the validator.

blocks|key|2785904|text|添加|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2785905|property='stylesheet'|code-block|syntax|javascript|2785906|如果您不想将链接移动到文档的<head>。|offset|length|style|CODE|2785907|<link+rel='stylesheet'+property='stylesheet'+id='basecss-css'++href='http://www.someurl.com/modules/14ce1e21/peadig-eucookie.css'+type='text/css'+media='all'+/>|2785908|entityMap^0|0|0|E|6|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|R|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|S|8|@$I|T|J|U|K|L]]|9|@]|A|$]]|$1|M|3|N|5|D|7|V|8|@]|9|@]|A|$E|F]]|$1|O|3|-4|5|6|7|W|8|@]|9|@]|A|$]]]|P|$]]

Add 

<pre><code>property='stylesheet'
</code></pre>

if you do not want to move your link to the <code>&lt;head&gt;</code> of the document.

<pre><code>&lt;link rel='stylesheet' property='stylesheet' id='basecss-css' href='http://www.someurl.com/modules/14ce1e21/peadig-eucookie.css' type='text/css' media='all' /&gt;
</code></pre>

blocks|key|177838|text|你的<link>在<body>里面吗？如果是这样，请尝试将其放入文档顶部的<head>中。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|177839|entityMap^0|2|6|9|6|11|6|0^^$0|@$1|2|3|4|5|6|7|H|8|@$9|I|A|J|B|C]|$9|K|A|L|B|C]|$9|M|A|N|B|C]]|D|@]|E|$]]|$1|F|3|-4|5|6|7|O|8|@]|D|@]|E|$]]]|G|$]]

Is your <code>&lt;link&gt;</code> inside the <code>&lt;body&gt;</code>? If so, try putting it in the <code>&lt;head&gt;</code> at the top of the document.

blocks|key|2785951|text|这里是W3C+HTML5验证器维护者。正如在另一个答案中指出的，除了检查HTML5规范本身中的要求外，验证器还检查HTML%2BRDFa+1.1规范中的要求：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2785952|http://www.w3.org/TR/html-rdfa/|offset|length|2785953|虽然HTML规范本身规定主体中通常不允许使用link，但RDFa规范规定，如果link元素具有property属性，则可以在主体中使用它。|style|CODE|2785954|因此，验证器消息基本上是在说，“只有当link元素具有property属性时，才允许它出现在这里。但是这个特定的link元素没有property属性。“|2785955|*+HTML规范本身也指出，如果link元素具有itemprop属性，则允许在正文中使用该元素-但前提是link元素没有rel值。(itemprop是“微数据”属性，其用途与RDFa+property属性基本相同)。|2785956|因此，我们有两个不同的属性，这两个属性都独立地影响link元素在文档中的出现位置，这使得验证器中的检查逻辑变得复杂，在这种情况下很难发出更好、更有帮助的错误消息。|2785957|entityMap|0|LINK|mutability|MUTABLE|url^0|0|0|V|0|0|M|4|13|4|1B|8|0|J|4|R|8|1K|4|1S|8|0|G|4|O|8|1G|4|1O|3|1U|8|2K|8|0|P|4|0^^$0|@$1|2|3|4|5|6|7|W|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|X|8|@]|9|@$D|Y|E|Z|1|10]]|A|$]]|$1|F|3|G|5|6|7|11|8|@$D|12|E|13|H|I]|$D|14|E|15|H|I]|$D|16|E|17|H|I]]|9|@]|A|$]]|$1|J|3|K|5|6|7|18|8|@$D|19|E|1A|H|I]|$D|1B|E|1C|H|I]|$D|1D|E|1E|H|I]|$D|1F|E|1G|H|I]]|9|@]|A|$]]|$1|L|3|M|5|6|7|1H|8|@$D|1I|E|1J|H|I]|$D|1K|E|1L|H|I]|$D|1M|E|1N|H|I]|$D|1O|E|1P|H|I]|$D|1Q|E|1R|H|I]|$D|1S|E|1T|H|I]]|9|@]|A|$]]|$1|N|3|O|5|6|7|1U|8|@$D|1V|E|1W|H|I]]|9|@]|A|$]]|$1|P|3|-4|5|6|7|1X|8|@]|9|@]|A|$]]]|Q|$R|$5|S|T|U|A|$V|C]]]]

W3C HTML5 validator maintainer here. As pointed out in another answer, in addition to checking requirements in the HTML5 spec itself, the validator also checks against requirements in the HTML+RDFa 1.1 spec:

<a href="http://www.w3.org/TR/html-rdfa/" rel="nofollow noreferrer">http://www.w3.org/TR/html-rdfa/</a>

And while the HTML spec itself says <code>link</code> is normally not allowed in the body＊, the RDFa spec says that if a <code>link</code> element has a <code>property</code> attribute, it is allowed in the body.

So that validator message is basically saying,「The <code>link</code> element is only allowed here if it has a <code>property</code> attribute. But this particular <code>link</code> element doesn't have a <code>property</code> attribute.」

＊ The HTML spec itself does also say that the <code>link</code> element is allowed in the body if it has an <code>itemprop</code> attribute—but only if the <code>link</code> element doesn't have a <code>rel</code> value. (<code>itemprop</code> is “Microdata” attribute whose purpose is basically the same as the RDFa <code>property</code> attribute).

So we have two different attributes that both independently affect where in a document the <code>link</code> element is allowed to appear, and that complicates the checking logic in the validator in a way that makes it difficult to emit a better, more helpful error message for this case.

blocks|key|175860|text|只是为了将来的需要，这里是我的评论：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|175861|在w3c+page中，我们有以下评论：|offset|length|175862|175863|如果使用rel属性，则元素仅限于head元素。当与itemprop属性一起使用时，元素可以在head元素和页面主体中使用，但受微数据模型的约束。|blockquote|175864|175865|175866|因此，可以通过将rel更改为itemprop来解决该错误，因为rel将用于头部，而itemprop可以用于主体。|style|CODE|175867|希望对某些人有帮助。|175868|entityMap|0|LINK|mutability|MUTABLE|url|http://www.w3.org/html/wg/drafts/html/master/single-page.html#the-link-element^0|0|1|8|0|0|0|0|0|0|8|3|E|8|V|3|15|8|0|0^^$0|@$1|2|3|4|5|6|7|Z|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|10|8|@]|9|@$D|11|E|12|1|13]]|A|$]]|$1|F|3|-4|5|6|7|14|8|@]|9|@]|A|$]]|$1|G|3|H|5|I|7|15|8|@]|9|@]|A|$]]|$1|J|3|-4|5|6|7|16|8|@]|9|@]|A|$]]|$1|K|3|-4|5|6|7|17|8|@]|9|@]|A|$]]|$1|L|3|M|5|6|7|18|8|@$D|19|E|1A|N|O]|$D|1B|E|1C|N|O]|$D|1D|E|1E|N|O]|$D|1F|E|1G|N|O]]|9|@]|A|$]]|$1|P|3|Q|5|6|7|1H|8|@]|9|@]|A|$]]|$1|R|3|-4|5|6|7|1I|8|@]|9|@]|A|$]]]|S|$T|$5|U|V|W|A|$X|Y]]]]

Just for future needs, here is my comment:

In the <a href="http://www.w3.org/html/wg/drafts/html/master/single-page.html#the-link-element" rel="nofollow" title="link definitions">w3c page</a> we have the following commentary:

<blockquote>
 If the rel attribute is used, the element is restricted to the head
 element. When used with the itemprop attribute, the element can be
 used both in the head element and in the body of the page, subject to
 the constraints of the microdata model.
</blockquote>

So the error can be solved by changing <code>rel</code> for <code>itemprop</code>, because <code>rel</code> is to be used in the head and <code>itemprop</code> can be used in the body.

Hope it helps somebody.

blocks|key|179741|text|它想让它在你的脑海里。但是，如果css不是很重要，不需要立即加载，google的页面速度工具会告诉您将其放在正文的底部。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|179742|例如，我使用一个jquery主题(redmond)来样式化我的自动完成。没有必要把这个放在我的页面顶部，因为它只会减慢其他一切。|179743|所以，不要太担心完美的w3c验证。|179744|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|H|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|I|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|J|8|@]|9|@]|A|$]]|$1|F|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|G|$]]

It wants it to be in your head. However, if the css is not too important to load right away, you will get google's pagespeed tool telling you to put it in the bottom of the body. 

As an example, I use one of the jquery themes (redmond) to style my autocomplete. No need to put this in the top of my page as it will just slow down everything else. 

So, don't worry too much about perfect w3c validation.

<pre><code>&lt;!DOCTYPE html&gt;
...
&lt;link rel='stylesheet' id='basecss-css' href='http://www.someurl.com/modules/14ce1e21/peadig-eucookie.css' type='text/css' media='all' /&gt;
</code></pre>

Why is the validator (<a href="http://validator.w3.org/">http://validator.w3.org/</a>) rejecting this? What attribute is "required" that I am not aware of?

The error:

<blockquote>
 Error Line 408, Column 142: Element link is missing required attribute
 property. …/modules/14ce1e21/peadig-eucookie.css' type='text/css'
 media='all' /> Attributes for element link: Global attributes href
 crossorigin rel media hreflang type sizes Also, the title attribute
 has special semantics on this element.
</blockquote>

Element link is missing required attribute property

HTML5

<!DOCTYPE html>...<link rel='stylesheet' id='basecss-css' href='http://www.someurl.com/modules/14ce1e21/peadig-eucookie.css' type='text/css' media='all' />为什么验证器()拒绝这样做？我不知道的“必需”属性是什么？错误：错误行408，列142:元

问元素链接缺少必需的属性属性
EN

回答 6

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问元素链接缺少必需的属性属性EN

回答 6

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问元素链接缺少必需的属性属性
EN