验证器为什么此代码无效？

Question

我有代码：

<ul>
<li>home</li><span class="divider"> | </span>
.....
</ul>

和

<ul><li>one</li> | <li>two</li> | <li>three</li></ul>

但是validator说错了。我该怎么办？

Answer 1

<ul>中允许的元素只是<li>：

  

允许的内容

     

零个或多个li元素

http://www.w3.org/TR/html-markup/ul.html

如果要添加边框/滚边，请使用CSS。像这个例子（为简单起见）

<ul>
    <li style="border-right:solid 1px #000;">Home</li>
    <li style="border-right:solid 1px #000;">About Me</li>
</ul>

随着你越来越熟悉CSS，你会找到更好的方法来做到这一点......而且也不是内联的。

Answer 2

<ul>标记正下方的所有标记都必须为<li>个标记。这些<li>代码可以包含跨度，但<ul>本身不应包含。