<li> не отображается в т. Е. 8 без переноса <ul>

Question

<p>
    blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah</p>

    <li>
        this is a test &quot;li&quot; without a parent &quot;ul&quot;</li>
    <li>
        this is a test &quot;li&quot; without a parent &quot;ul&quot;</li>
    <li>
        this is a test &quot;li&quot; without a parent &quot;ul&quot;</li>
    <li>
        this is a test &quot;li&quot; without a parent &quot;ul&quot;</li>

Вышеуказанные элементы списка не будут отображаться в IE8, если они не заключены в тег <ul>. Это ошибка или ожидаемое поведение?

Answer 1

Спецификация требует, чтобы <li> элементы были дочерними по отношению к определенным родительским элементам. Похоже, что родительский элемент для <li> отсутствует в вашем примере.

Не спецификация, а Документация Mozilla :

Элемент HTML <li> используется для представления элемента в списке. Это должно содержаться в родительском элементе: упорядоченный список (<ol>), неупорядоченный список (<ul>) или меню (<menu>).

Answer 2

Во-первых, это неправильный синтаксис для использования Li без ol или UL .

Если затем вы также хотите отобразить список в IE 8 без добавления ul или ol , попробуйте создать функцию JS, которая идентифицирует IE 8.

Тогда, если это IE 8, тогда выполните цикл через все элементы li .

Затем добавьте символ «•» перед текстом.

Это будет похоже на пули с элементами li .

• один

• два

• три

Answer 3

li означает «Элемент списка». Поэтому вы должны заключить их в ul (неупорядоченный список) или ol (упорядоченный список). Один тег li, вероятно, может работать в современных браузерах (но HTML-код не будет соответствовать используемому вами стандарту), но не в Internet Explorer 8!