W3C验证错误：span元素
[英]W3C validation error: span element
问题描述
When I validate my page I have the following error: 
验证页面时，出现以下错误：
Element span not allowed as child of element ul in this context.
This is my HTML markup: 这是我的HTML标记：
<nav>
<ul>
<li class="nav-home">
<a href="index.html" title="Home">Home</a>
</li>
<span class="solidus"> /</span>
<li class="nav-paints">
<a href="paints.html" title="Paints">Paints</a>
</li>
<span class="solidus"> /</span>
<li class="nav-non-paints">
<a href="non-paints.html" title="Non-paints" class="active">Non-paints</a>
</li>
<span class="solidus"> /</span>
<li class="nav-advies">
<a href="advies.html" title="Advies">Advies</a>
</li>
<span class="solidus"> /</span>
<li class="nav-training">
<a href="training.html" title="Training">Training</a>
</li>
<span class="solidus"> /</span>
<li class="nav-afvalbeheer">
<a href="afvalbeheer.html" title="Afvalbeheer">Afvalbeheer</a>
</li>
</ul>
</nav>
I tried replacing the spans by regular divs and put them on inline, however, this is apparently also not allowed. 我尝试用常规div替换范围并将它们放在行内，但是，显然也不允许这样做。 Any ideas on how to fix this error? 关于如何解决此错误的任何想法？
2 个解决方案
解决方案1
2 2014-05-06 08:10:44
You should place the span inside the li , like this: 您应该将span放在li ，如下所示：
<li class="nav-home">
<a href="index.html" title="Home">Home</a>
<span class="solidus"> /</span>
</li>
This is completely valid. 这是完全有效的。
解决方案2
1 已采纳 2014-05-06 08:08:09
The problem is that the <span> element is not nested in any other tag and in any level, because you are putting the <span> element within a list but out of any <li> element. 问题是<span>元素没有嵌套在任何其他标签和任何级别中，因为您将<span>元素放在列表中，但没有任何<li>元素。 So the list is breaking out! 因此，清单不断扩大！
Try putting it inside any element, inside <li> element if you can, for example! 例如，尝试将其放在任何元素内，如果可以的话，放在<li>元素内！
<nav>
<ul>
<li class="nav-home">
<a href="index.html" title="Home">Home</a>
<span class="solidus"> /</span>
</li>
<li class="nav-paints">
<a href="paints.html" title="Paints">Paints</a>
</li>
<span class="solidus"> /</span>
<li class="nav-non-paints">
<a href="non-paints.html" title="Non-paints" class="active">Non-paints</a>
<span class="solidus"> /</span>
</li>
<li class="nav-advies">
<a href="advies.html" title="Advies">Advies</a>
<span class="solidus"> /</span>
</li>
<li class="nav-training">
<a href="training.html" title="Training">Training</a>
<span class="solidus"> /</span>
</li>
<li class="nav-afvalbeheer">
<a href="afvalbeheer.html" title="Afvalbeheer">Afvalbeheer</a>
<span class="solidus"> /</span>
</li>
</ul>
</nav>
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.