Html W3C验证错误：span元素_Html_Validation

Html W3C验证错误：span元素

html validation

Html W3C验证错误：span元素,html,validation,Html,Validation,当我验证我的页面时，出现以下错误：在此上下文中，元素跨度不允许作为元素ul的子元素。（正在抑制来自此子树的进一步错误。）这是我的HTML标记： <nav> <ul> <li class="nav-home"> <a href="index.html" title="Home">Home</a> </li> <span class="solidus"> &#47

当我验证我的页面时，出现以下错误：

在此上下文中，元素跨度不允许作为元素ul的子元素。（正在抑制来自此子树的进一步错误。）

这是我的HTML标记：

<nav>
<ul>
    <li class="nav-home">
        <a href="index.html" title="Home">Home</a>
    </li>
    <span class="solidus"> &#47;</span>
    <li class="nav-paints">
        <a href="paints.html" title="Paints">Paints</a>
    </li>
    <span class="solidus"> &#47;</span>
    <li class="nav-non-paints">
        <a href="non-paints.html" title="Non-paints" class="active">Non-paints</a>
    </li>
    <span class="solidus"> &#47;</span>
    <li class="nav-advies">
        <a href="advies.html" title="Advies">Advies</a>
    </li>
    <span class="solidus"> &#47;</span>
    <li class="nav-training">
        <a href="training.html" title="Training">Training</a>
    </li>
    <span class="solidus"> &#47;</span>
    <li class="nav-afvalbeheer">
        <a href="afvalbeheer.html" title="Afvalbeheer">Afvalbeheer</a>
    </li>
</ul>
</nav>





/


/


/


/


/

我尝试用常规div替换跨距，并将它们放在inline上，但是，这显然也是不允许的。关于如何修复此错误有什么想法吗？

问题在于

元素没有嵌套在任何其他标记和任何级别中，因为您将

元素放在列表中，而不是任何

元素中。因此，名单正在不断扩大

试着把它放在任何元素中，例如，如果可以的话，放在

元素中

<nav>
<ul>
    <li class="nav-home">
        <a href="index.html" title="Home">Home</a>
        <span class="solidus"> &#47;</span>
    </li>
    <li class="nav-paints">
        <a href="paints.html" title="Paints">Paints</a>
    </li>
    <span class="solidus"> &#47;</span>
    <li class="nav-non-paints">
        <a href="non-paints.html" title="Non-paints" class="active">Non-paints</a>
        <span class="solidus"> &#47;</span>
    </li>
    <li class="nav-advies">
        <a href="advies.html" title="Advies">Advies</a>
        <span class="solidus"> &#47;</span>
    </li>
    <li class="nav-training">
        <a href="training.html" title="Training">Training</a>
        <span class="solidus"> &#47;</span>
    </li>
    <li class="nav-afvalbeheer">
        <a href="afvalbeheer.html" title="Afvalbeheer">Afvalbeheer</a>
        <span class="solidus"> &#47;</span>
    </li>
</ul>
</nav>




/



/

/


/


/


/

问题在于

元素没有嵌套在任何其他标记和任何级别中，因为您将

元素放在列表中，但放在任何

元素之外。因此，名单正在不断扩大

试着把它放在任何元素中，例如，如果可以的话，放在

元素中

<nav>
<ul>
    <li class="nav-home">
        <a href="index.html" title="Home">Home</a>
        <span class="solidus"> &#47;</span>
    </li>
    <li class="nav-paints">
        <a href="paints.html" title="Paints">Paints</a>
    </li>
    <span class="solidus"> &#47;</span>
    <li class="nav-non-paints">
        <a href="non-paints.html" title="Non-paints" class="active">Non-paints</a>
        <span class="solidus"> &#47;</span>
    </li>
    <li class="nav-advies">
        <a href="advies.html" title="Advies">Advies</a>
        <span class="solidus"> &#47;</span>
    </li>
    <li class="nav-training">
        <a href="training.html" title="Training">Training</a>
        <span class="solidus"> &#47;</span>
    </li>
    <li class="nav-afvalbeheer">
        <a href="afvalbeheer.html" title="Afvalbeheer">Afvalbeheer</a>
        <span class="solidus"> &#47;</span>
    </li>
</ul>
</nav>




/



/

/


/


/


/

问题在于

元素没有嵌套在任何其他标记和任何级别中，因为您将

元素放在列表中，但放在任何

元素之外。因此，名单正在不断扩大

试着把它放在任何元素中，例如，如果可以的话，放在

元素中

<nav>
<ul>
    <li class="nav-home">
        <a href="index.html" title="Home">Home</a>
        <span class="solidus"> &#47;</span>
    </li>
    <li class="nav-paints">
        <a href="paints.html" title="Paints">Paints</a>
    </li>
    <span class="solidus"> &#47;</span>
    <li class="nav-non-paints">
        <a href="non-paints.html" title="Non-paints" class="active">Non-paints</a>
        <span class="solidus"> &#47;</span>
    </li>
    <li class="nav-advies">
        <a href="advies.html" title="Advies">Advies</a>
        <span class="solidus"> &#47;</span>
    </li>
    <li class="nav-training">
        <a href="training.html" title="Training">Training</a>
        <span class="solidus"> &#47;</span>
    </li>
    <li class="nav-afvalbeheer">
        <a href="afvalbeheer.html" title="Afvalbeheer">Afvalbeheer</a>
        <span class="solidus"> &#47;</span>
    </li>
</ul>
</nav>




/



/

/


/


/


/

问题在于

元素没有嵌套在任何其他标记和任何级别中，因为您将

元素放在列表中，但放在任何

元素之外。因此，名单正在不断扩大

试着把它放在任何元素中，例如，如果可以的话，放在

元素中

<nav>
<ul>
    <li class="nav-home">
        <a href="index.html" title="Home">Home</a>
        <span class="solidus"> &#47;</span>
    </li>
    <li class="nav-paints">
        <a href="paints.html" title="Paints">Paints</a>
    </li>
    <span class="solidus"> &#47;</span>
    <li class="nav-non-paints">
        <a href="non-paints.html" title="Non-paints" class="active">Non-paints</a>
        <span class="solidus"> &#47;</span>
    </li>
    <li class="nav-advies">
        <a href="advies.html" title="Advies">Advies</a>
        <span class="solidus"> &#47;</span>
    </li>
    <li class="nav-training">
        <a href="training.html" title="Training">Training</a>
        <span class="solidus"> &#47;</span>
    </li>
    <li class="nav-afvalbeheer">
        <a href="afvalbeheer.html" title="Afvalbeheer">Afvalbeheer</a>
        <span class="solidus"> &#47;</span>
    </li>
</ul>
</nav>




/



/

/


/


/


/

您应该将

span

放在

li

内，如下所示：

<li class="nav-home">
    <a href="index.html" title="Home">Home</a>
    <span class="solidus"> &#47;</span>
</li>

这是完全有效的。

您应该将

span

放在

li

中，如下所示：

<li class="nav-home">
    <a href="index.html" title="Home">Home</a>
    <span class="solidus"> &#47;</span>
</li>

这是完全有效的。

您应该将

span

放在

li

中，如下所示：

<li class="nav-home">
    <a href="index.html" title="Home">Home</a>
    <span class="solidus"> &#47;</span>
</li>

这是完全有效的。

您应该将

span

放在

li

中，如下所示：

<li class="nav-home">
    <a href="index.html" title="Home">Home</a>
    <span class="solidus"> &#47;</span>
</li>

这是完全正确的。

您想要实现什么？

ul

或

ol

元素的唯一有效子元素是

li

元素。您可以将

span

或

div

放在

ul

或

ol

中，但前提是它们包含在

li

中。您试图实现什么？

ul

或

ol

元素的唯一有效子元素是

li

元素。您可以将

span

或

div

放在

ul

或

ol

中，但前提是它们包含在

li

中。您试图实现什么？

ul

或

ol

元素的唯一有效子元素是

li

元素。您可以将

span

或

div

放在

ul

或

ol

中，但前提是它们包含在

li

中。您试图实现什么？

ul

或

ol

元素的唯一有效子元素是

li

元素。您可以将

span

或

div

放在

ul

或

ol

中，但前提是它们包含在

li

中。我使用这些span作为类似分隔符的元素来分隔导航项。所以，如果我像你说的那样把span放在

元素中，这在语义上是正确的吗？好吧，语义网更多的是使用正确的语义元素（例如，article，section…而不是div），而不是将类似分隔符的元素放在菜单项本身的同一个标记中。清楚的是，将span元素从

元素中删除