html - 无序列表内的无序列表的正确方法是什么？

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>