HTML5段落内联列表：用enum替代ul是否可行？技术咨询

先来说第一个问题：原段落的语义完全没问题，它清晰传达了「将两组代码混合以获取理想结果」的逻辑，表述通顺、逻辑连贯，没有歧义。

HTML5的标准写法 #

HTML5里有个关键规则：<p>元素的内容只能是短语内容（phrasing content），而<ul>这种列表属于流内容（flow content），不能直接嵌套在<p>里面。所以标准写法分两种思路：

1. 拆分段落，把列表作为独立块级元素：

<p>在第一组中，我们开始将以下3个代码：</p>
<ul>
  <li>AA</li>
  <li>BB</li>
  <li>CC</li>
</ul>
<p>与以下代码：</p>
<ul>
  <li>Aa</li>
  <li>Ab</li>
  <li>Ac</li>
</ul>
<p>混合，以得到理想结果。</p>

2. 用行内元素模拟列表，配合CSS补样式：

<p>在第一组中，我们开始将以下3个代码：
  <span class="inline-list-item">AA</span>
  <span class="inline-list-item">BB</span>
  <span class="inline-list-item">CC</span>
  与以下代码：
  <span class="inline-list-item">Aa</span>
  <span class="inline-list-item">Ab</span>
  <span class="inline-list-item">Ac</span>
  混合，以得到理想结果。
</p>

然后加几行CSS就能给列表项加前缀：

.inline-list-item::before {
  content: "- ";
  margin: 0 4px;
}

使用<ul>拆分段落的语义问题 #

没错，这种拆分在语义上确实不准确。原内容是一个完整的表意段落，拆成多个<p>和<ul>后，浏览器、屏幕阅读器这类辅助技术会把它们识别成多个独立的内容块，直接破坏了原本段落的连贯性，完全不符合你想表达的「一句话中间插两组列表」的语义。

除了<br>或<span>，还有其他方式吗？ #

当然有，给你举几个实用的：

• 用<span>配合CSS的display: list-item，把行内元素模拟成列表项，再设置list-style-position: inside让符号和内容同行；
• 用<data>元素包裹每个代码值（不过<data>主要用来存机器可读数据，语义上不如<span>通用），再配合CSS加列表符号；
• 如果你不纠结严格规范，也可以把<ul>设为display: inline-block，<li>设为display: inline——虽然HTML规范不允许<ul>嵌套在<p>里，但大多数浏览器会容错解析，不过这种野路子不推荐在生产环境用。

新增<enum>和<ei>元素的合理性及提案可行性 #

从语义需求的角度看，你的想法挺合理的——确实存在「段落内联列表」的场景，现有元素得靠CSS hack才能实现，新增专门的行内列表元素能更直观地表达语义。但向W3C提这个提议并不合适，原因有这几点：

1. 现有技术完全能满足需求：通过CSS调整样式，用现有元素（<ul>/<li>或<span>）就能实现相同的展示效果，语义上也能通过类名清晰传达，没有必须新增元素的强需求；
2. HTML规范遵循极简原则：W3C新增元素时非常谨慎，只会在现有元素完全无法满足语义或功能需求时才考虑，能复用就绝不新增，避免规范臃肿；
3. 兼容性与推广成本太高：新增元素需要所有主流浏览器厂商支持，还要让全球开发者学习适配，成本极高，而这种场景的受众又不算广泛；
4. 语义可替代：段落内的列表本质上就是一组短语内容，用<span>加类名已经能让辅助技术识别，不需要专门造新元素。

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