1

我尝试为我的网页编写 HTML5 有效代码，但是当我使用 W3 Validator 时，我收到如下错误消息：

Element ul not allowed as child of element ul in this context. (Suppressing further errors from this subtree.)

我做错了什么，我该如何解决这个问题？这是我的代码：

<ul class="ul_main">
  <li>INFORMÁCIÓK</li>
  <ul class="ul_sub">
    <li><img src="images/arrow.png" alt="" title="">ÚJ FEJLESZTŐ / KIADÓ</li>
    <li><img src="images/arrow.png" alt="" title="">FEJLESZTŐK / KIADÓK</li>
  </ul>
  <li>KATEGÓRIÁK</li>
  <ul class="ul_sub">
    <li><img src="images/arrow.png" alt="" title="">ÚJ KATEGÓRIA</li>
    <li><img src="images/arrow.png" alt="" title="">KATEGÓRIÁK</li>
  </ul>
  <li>PLATFORMOK</li>
  <ul class="ul_sub">
    <li><img src="images/arrow.png" alt="" title="">ÚJ PLATFORM</li>
    <li><img src="images/arrow.png" alt="" title="">PLATFORMOK</li>
  </ul>
  <li>JÁTÉKOK</li>
  <ul class="ul_sub">
    <li><img src="images/arrow.png" alt="" title="">ÚJ ALAPINFORMÁCIÓ</li>
    <li><img src="images/arrow.png" alt="" title="">ALAPINFORMÁCIÓK</li>
    <li><img src="images/arrow.png" alt="" title="">ÚJ JÁTÉK</li>
    <li><img src="images/arrow.png" alt="" title="">JÁTÉKOK</li>
    <li><img src="images/arrow.png" alt="" title="">ÚJ GALÉRIA</li>
    <li><img src="images/arrow.png" alt="" title="">GALÉRIÁK</li>
  </ul>
  <li>BLOGOK</li>
  <ul class="ul_sub">
    <li><img src="images/arrow.png" alt="" title="">ÚJ BLOG</li>
    <li><img src="images/arrow.png" alt="" title="">BLOGOK</li>
  </ul>
  <li>BEÁLLÍTÁSOK</li>
  <ul class="ul_sub">
    <li><img src="images/arrow.png" alt="" title="">ÚJ SABLON</li>
    <li><img src="images/arrow.png" alt="" title="">SABLONOK</li>
    <li><img src="images/arrow.png" alt="" title="">RENDSZER</li>
  </ul>
</ul>
4

2 回答 2

4

唯一允许作为孩子的标签<ul>是<li>元素。你可以把你的 sub-<ul>作为相应元素的子<li>元素。

所以像这样重构你的 HTML：

<ul class="ul_main">
  <li>INFORMÁCIÓK
    <ul class="ul_sub">
      <li><img src="images/arrow.png" alt="" title="">ÚJ FEJLESZTŐ / KIADÓ</li>
      <li><img src="images/arrow.png" alt="" title="">FEJLESZTŐK / KIADÓK</li>
    </ul>
  </li>
  <li>KATEGÓRIÁK
    <ul class="ul_sub">
      <li><img src="images/arrow.png" alt="" title="">ÚJ KATEGÓRIA</li>
      <li><img src="images/arrow.png" alt="" title="">KATEGÓRIÁK</li>
    </ul>
  </li>
<!-- ... -->
于 2013-05-31T16:26:47.273 回答
1

一个ul元素不能包含一个ul元素作为子元素，你必须在li两者之间放置一个，例如

做：

<ul>
    <li><ul><!-- more <li> --></ul></li>
     <!-- go on with <li>s -->
</ul>

不要：

<ul>
    <ul><!-- more <li> --></ul>
     <!-- go on with <li>s -->
</ul>

在你的情况下：

<ul class="ul_main">
  <li>INFORMÁCIÓK
    <ul class="ul_sub">
      <li><img src="images/arrow.png" alt="" title="">ÚJ FEJLESZTŐ / KIADÓ</li>
      <li><img src="images/arrow.png" alt="" title="">FEJLESZTŐK / KIADÓK</li>
    </ul>
  </li>
  ...
于 2013-05-31T16:26:37.687 回答