我应该使用 <div> 代替 <p> 当它包含一个列表（ <ul> ）？

Question

On this snippet:

<p>
  <ul>
    <li>A</li>
    <li>B</li>
  </ul>
</p>

IntelliJ 10.5 warns that the closing </p> tag "matches nothing`.

I see that <p> is only supposed to contain " Phrasing content ". So, should I replace the <p> with a <div> ?

Answer 1

Yes. <p> isn't supposed to contain lists, it's intended for inline content. <div> is right here if you're just looking to wrap the list in an element.

<div>
  <ul>
    <li>A</li>
    <li>B</li>
  </ul>
</div>