Каков будет правильный путь для неупорядоченного списка внутри неупорядоченного списка? - PullRequest
Новая
       2

Каков будет правильный путь для неупорядоченного списка внутри неупорядоченного списка?

2 голосов
/ 04 декабря 2011

Пример:

enter image description here

Мне интересно, каким будет правильный способ кодирования неупорядоченного списка внутри неупорядоченного списка, как показано выше.

Я предполагаю, что это будет похоже на: 

<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>

Это был бы правильный путь, если не то, что было бы?

Ответы [ 2 ]

3 голосов
/ 04 декабря 2011

Хотя оба метода будут правильно отображаться в браузере, только один метод может быть действительным 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>
2 голосов
/ 04 декабря 2011

Код, который вы написали, действительно будет создавать неупорядоченный список внутри неупорядоченного списка. Но чтобы все выглядело так, как показано на рисунке, вам нужно выполнить дополнительную работу, которая не указана в примере.

...