Html 段落元素中的无序列表

当我写这篇文章时：

<p class="paragraph">the list:
  <ul>
    <li>item</li>
  </ul>
</p>

列表：

项目

我的浏览器在语义上呈现为：

<p class="paragraph">the list:</p>
<ul>
  <li>item</li>
</ul>
<p></p>

列表：

项目

---

为什么?？有没有更好的方法在段落中介绍列表项

段落中不允许使用列表-没有办法做到这一点，这在语义上是不可能的

如果希望列表继承段落中的样式，只需将UL元素添加到与p元素相同的CSS样式中：

例如：

或者更好的是，将这两个元素都封装在合乎逻辑的东西中（节、文章、div）

你必须扪心自问，为什么你想把清单放在这段话里。如果是因为您希望它们的样式相同，那么您希望它们都位于同一个包含元素中，例如：

<article>
    <p>Paragraph of text</p>
    <ul>
        <li>List</li>
    </ul>
    <p>Next paragraph</p>
</article>

段落


名单

下一段

---

然后对文章进行样式设置。

根据HTML5.0规范，段落可能包含，但仍然不包括其他分组元素：

---

根据HTML 4.01规范，段落只能包含内联元素：

9.3.1段落：P元素

在这种情况下，正确的标记是在开始列表之前关闭段落

或者，您可以使用段落以外的另一个标记（如

），该标记不以这种方式处理

<div>
   <ul> ... </ul>
</div>

试试这个。我把它添加到段落的中间，效果很好。我还给它上了一节课，并换行

HTML:

我刚刚添加了背景色和填充，您可以在添加后删除。

---

这有助于了解发生了什么。

我刚刚遇到了这个问题，不想将其包含在DIV中，因为我在该页面的其余部分和所有页面上都使用了p。取而代之的是，我将跨距设置为与LIs类似的行为

SPAN.li{显示：列表项；左边距：2em}

这些问题目前在我的脑海中
我的帽子
全球变暖
全球冷却
全球恐怖主义
全球狭隘性

会是哪种浏览器？在这里，如果你看一下结果的框架来源，它看起来不错。我想在我的段落中列出一个列表，因为它非常强调我的句子结构。例如：“我今天想买牛奶、糖、苹果和中提琴。”。“这通常在用TeX排版文本时使用。从语义上讲，将我的句子分成两段是不正确的。因此，可能div是剩下的最佳选择。应该强烈反对使用

，因为它不是语义。正确的解决方案是按此处描述的方式使用

标记。是的，我看到了规范，但这对我来说有点不一致，因为他们写道，块级元素可以包含块级元素。这是一个期望吗？要完成这个答案，部分“为什么？”在某些版本的HTML中，段落标记并不总是需要关闭的；允许浏览器在有意义的地方插入关闭的

（通常假设是在打开下一个段落之前，但不是这样硬定义的）因此，根据这两种说明，在块级元素（如无序列表）之前关闭它对浏览器来说是合乎逻辑的。这并不能真正回答所提出的问题。

ul

的唯一有效子元素是

li

：。此外，

br

是一个自动关闭标记，HT中没有

毫升

9.3.1 Paragraphs: the P element

<!ELEMENT P - O (%inline;)*            -- paragraph -->
<!ATTLIST P
  %attrs;                              -- %coreattrs, %i18n, %events --
  >

<div>
   <ul> ... </ul>
</div>

<div>
<ul class="list">
<br><li>LIST</li></br>
<br><li>LIST</li></br>
</ul>
</div>

.list{
list-style: black circle;
padding: 15 15 15 15;
background-color: grey;
}