无序列表中无序列表的正确方法是什么？

Question

示例：

我想知道在无序列表中编写无序列表的正确方法是什么，如上面的设计。

我假设它会像：

<ul>
  <li>
   <a href="#"> site 2  </a>
   <ul> 
     <li> <a href="#"> link 1 </a></li>
     <li> <a href="#"> link 2 </a></li>
     <li> <a href="#"> link 3 </a></li>
  </li>
 <li>
   <a href="#"> site 2  </a>
   <ul> 
     <li> <a href="#"> link 1 </a></li>
     <li> <a href="#"> link 2 </a></li>
     <li> <a href="#"> link 3 </a></li>
  </li>
</ul>

或

<ul>
  <li> blah </li>
  <ul>
     <li> inside list item </li>
  </ul>
</ul>

这会是正确的方法，如果不是这样的话吗？

Answer 1

虽然两种方法都可以在浏览器中正确呈现，但只有一种方法似乎是有效的HTML。

<强>无效：

<ul>
  <li>Test</li>
  <ul>
    <li>Test</li>
  </ul>
</ul>

<强>有效：

<ul>
  <li>Test</li>
  <li><ul>
    <li>Test</li>
  </ul></li>
  <li>Test Test
    <ul>
      <li>Test</li>
    </ul>
  </li>
</ul>

Answer 2

您编写的代码确实会在无序列表中生成无序列表。但是为了使它看起来如图所示，你将不得不做一些未在例子中列出的额外工作。