Почему мы никогда не можем иметь элемент ul
в качестве потомка элемента p
?
Я создал веб-страницу со следующим кодом
<p> some text
<ul>
<li>...</li>
<li>...</li>
.
.
.
</ul>
</p>
Здесь элемент ul
является дочерним элементом элемента p. Однако во всех основных браузерах (Chrome, Firefox и Internet Explorer — все последние версии) он интерпретируется следующим образом
<p> some text</p>
<ul>
<li>...</li>
<li>...</li>
.
.
.
</ul>
<p></p>
Я проверил это, щелкнув правой кнопкой мыши элемент ul
(в Chrome) и выбор опции проверки элемента. Я видел это в Chrome, но два других браузера вели себя точно так же (селектор CSS «p ul» не работал должным образом).
Почему это так? Есть ли общий случай, когда такие изменения браузером происходят?