Question

我尝试为我的网页编写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>

Answer 1

作为<ul>孩子的唯一标记是<li>元素。您可以将子<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>
<!-- ... -->

Answer 2

ul元素不能包含ul元素作为子元素，您必须在li之间添加<ul> <li><ul></ul></li>  </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>
  ...

在您的情况下：

{{1}}

HTML5验证问题

2 个答案: