Как правильно разместить списки внутри абзаца в HTML5? #39?

Я получаю техническое объяснение того, почему элемент

не может содержать элемент

    . К сожалению, это не помогает мне, когда это структура контента.

    В мета я не понимаю ни

    • семантического объяснения, ни
    • рекомендуемой структуры

    для случаев, когда я действительно хочу показать список элементов «встроенных» с обычным содержанием.

    На этой странице предлагается либо отделить список от абзацев :

    For instance, this fantastic sentence has bullets relating to

    • wizards,
    • faster-than-light travel, and
    • telepathy,

    and is further discussed below.

    , либо использовать альтернативный тег для абзаца :

    For instance, this fantastic sentence has bullets relating to
    • wizards,
    • faster-than-light travel, and
    • telepathy,
    and is further discussed below.

    . Но оба этих варианта кажутся мне ужасными хаками, высмеивающими предполагаемое семантическое содержание HTML5.

    В первом случае, как тег

    имеет семантическое значение? Не говоря уже о практической сложности правильного оформления этого, если я хочу устранить пробелы вокруг списка (, а затем, если у меня есть другие списки, которые действительно являются отдельными блоками контента --ой!)

    Во втором случае, если мне нужно иметь

    , что означает «это абзац контента», я мог бы просто полностью отказаться от

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

    ISTM считает, что наиболее семантически значимой версией может быть что-то вроде:

    For instance, this fantastic sentence has bullets relating to wizards, faster-than-light travel, and telepathy, and is further discussed below.

    с диапазонами, стилизованными под элементы блоков или списков (, и кто знает, какие еще настройки )необходимы для правильного рендеринга. На практике это звучит как ужасное обострение.

    Есть ли хорошие рекомендации по отображению такого контента?

    Редактировать

    Кажется, это не так уж сложно стилизовать. Я не уверен, есть ли способ выбрать все настройки браузера по умолчанию, но я могу воспроизвести стиль списка по умолчанию (в OS X Chrome,по крайней мере )с:

    span.li {
      display: list-item;
      list-style-type: disc;
      margin-left: 40px;
    }
    

    16
    задан Adam 6 April 2012 в 05:52
    поделиться