语义HTML中<li>内允许使用<img>吗？<li>可嵌套的标签有哪些

你的判断有误，<li>标签内部允许放置你提到的所有元素，包括<div>。

根据现行HTML语义规范，<li>元素的内容模型为 流式内容（Flow content），所有属于流式内容分类的元素都可以直接嵌套在<li>内部，无额外限制。

• <div>：属于标准流式内容，完全允许放在<li>内部。你对<div>的限制判断属于常见误解，不管是HTML4还是HTML5规范，都从未禁止<li>嵌套块级元素。
• <img>：属于流式内容、短语内容，放置在<li>内完全符合规范。
• <span>：属于短语内容，可正常嵌套在<li>中。
• 带href属性的<a>：只要<a>内部不嵌套其他交互式元素（如其他<a>标签、<button>等），放在<li>内完全合规，这也是导航菜单、列表链接的标准实现方式。

<ul>
  <li>
    <div class="list-item-card">
      <a href="/page/1">
        <img src="demo.jpg" alt="内容缩略图">
        <span class="item-title">列表项标题</span>
      </a>
    </div>
  </li>
</ul>

上述结构完全符合语义HTML规范，可正常使用。

内容的提问来源于stack exchange，提问作者user2670820