Можно ли <ul> и <ol> вставлять в <li>?

[FotGOD]

Здравствуйте, Можно ли <ul> и <ol> вставлять в <li>?. Т.е. к примеру такой вот код

<dl>

        <ul>

            <li>Розничные покупатели</li>

 

            <ol>

                <li>Каталог товаров</li>

                <dt>Велосипеды</dt>

                <dd>Стоимостью до 1000 гр</dd>

                <dd>Стоимостью до 2000 гр</dd>

                <dt>Самокаты</dt>

                <dd>Стоимостью до 100 гр</dd>

                <dd>Стоимостью до 400 гр</dd>

                <dt>Бульдозеры</dt>

                <dd>Стоимостью до 20000 гр</dd>

                <dd>Стоимостью до 50000 гр</dd>

                <li>Консультации</li>

                <li>Доставка товаров</li>

                <li>Наше радушие</li>

            </ol>

            <li>Оптовые покупатели

                <ol style="list-style-type: lower-alpha">

                    <li>Скидки</li>

                    <li>Дисконтная карта</li>

                    <li>Подарочные купоны</li>

                </ol>

            </li>

        </ul>

    </dl>

[AlexZaw]

1 час назад, FotGOD сказал:

Здравствуйте, Можно ли <ul> и <ol> вставлять в <li>?

Можно.

 

1 час назад, FotGOD сказал:

Т.е. к примеру такой вот код

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

По спецификации внутри тегов ul, ol, и menu могут находиться только теги li, так же, как и внутри dl могут назодиться только теги dt

[FotGOD]

4 минуты назад, AlexZaw сказал:

 

По спецификации внутри тегов ul, ol, и menu могут находиться только теги li, так же, как и внутри dl могут назодиться только теги dt

Получается, что это не правильная презентация?

[AlexZaw]

Про dl маленько не так выразился, он может содержать в себе один или больше элементов dt за которыми следуют один или больше элементов dd А вот элементы dt и dd могут содержать в себе элементы ul.

Ваш код должен выглядет как то так:

<dl>
  <dt>Web дизайн</dt>
  <dd>Java Script и библиотека jQuery
    <ul>
      <li>
        Начальный уровень
      </li>
      <li>
        Продвинутый уровень
      </li>
    </ul>
  </dd>
  <dd>3D MAX
    <ol>
      <li>
       Начальный уровень
     </li>
     <li>
       Продвинутый уровень
     </li>
    </ol>
  </dd>
</dl>

 

Вот здесь https://www.w3.org/TR/2011/WD-html5-20110525/content-models.html расписано какой у кого может быть контент