html - ol/ul 应该在 <p> 内部还是外部?

标签 html

这两者之间符合哪个标准?

<p>Text text text ...
    <ol>
        <li>First element</li>
    </ol>
</p>
<p>
    Other text text ...
</p>

<p>
    Text text text ...
</p>
<ol>
    <li>First element</li>
</ol>
<p>
    Other text text ...
</p>

最佳答案

简短的回答是 ol 元素在法律上是不允许在 p 元素中使用的。

要了解原因,让我们 go to the spec !如果您对 HTML 规范感到满意,它将回答您的许多问题和好奇心。您想知道 ol 是否可以存在于 p 中。所以……

4.5.1 The p element:

Categories: Flow content, Palpable content.
Content model: Phrasing content.


4.5.5 The ol element:

Categories: Flow content.
Content model: Zero or more li and script-supporting elements.

第一部分说p元素只能包含phrasing content (它们是“内联”元素,例如 spanstrong)。

第二部分说olflow content (“ block ”元素,如 pdiv)。所以它们不能p 中使用。


ols 和其他 flow content 可以用在其他一些元素中,例如 div:

4.5.13 The div element:

Categories: Flow content, Palpable content.
Content model: Flow content.

关于html - ol/ul 应该在 <p> 内部还是外部?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5681481/

相关文章:

html - 如何制作 flex 元素 block 元素?

javascript - 从输入 jQuery 中删除上传文件

javascript - 显示默认日期值 HTML 表单 iOS

javascript - 我如何将此脚本保存到本地存储

html - CSS动画悬停问题

css - 使用 CSS 和 HTML 为不同的段落设置不同的样式

php - 如何纠正 PHP/CSS 代码中的视觉对齐问题?

javascript 无法与 java 中的 printwriter 一起使用

jquery - 当父项悬停时,我可以更改包含元素的 CSS 吗?

javascript - 在 anchor 标记内调整 Window.Open 的大小