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

Question

我有代码：

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

和

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

但是验证者说错了。我应该怎么办？

Answer 1

a 中允许的元素<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>本身不应该。