使用`<定制标记>‘而不是`<ul>`或`<ol>`来创建列表

Question

在将其标记为重复之前:我已经看到了这个？，但是它们通过使用样式来解决问题。

下面是我的问题:我是否可以将<li>项放在<custom-tag>中而不是<ul>或<ol>元素中？

所以就像这样：

<ul>
  <li>one</li>
  <li>two</li>
  <li>d</li>
  <li>three</li>
</ul>

会像这样：

<custom-tag>
  <li>one</li>
  <li>two</li>
  <li>d</li>
  <li>three</li>
</custom-tag>

问题的上下文

我想为司马创建一个新的组件:一个用于订单列表中的罗马数字的组件，但它将ol识别为他的“内置”ol按钮.它似乎使用标记名来检测编辑器的某个部分上的按钮是否处于活动状态，所以我想通过使用带有另一个名称的标记来修复这个问题，现在，这个解决方案似乎比重写整个库更容易。

Answer 1

不，你不能。

元素 可在其中使用此元素的上下文：

• 在ol元素内部。
• 在ul元素内部。

如果要对列表使用自定义元素，也可以将它们用于项目：

<unordered-list>
  <list-item>one</list-item>
  <list-item>two</list-item>
  <list-item>d</list-item>
  <list-item>three</list-item>
</unordered-list>

Answer 2

虽然li元素不允许存在于ul和ol元素之外，但是，Chrome似乎确实支持这一可能性(尽管我不推荐它)，这是毫无价值的。

​

roman {
  display: block;
  list-style-type: upper-roman;
  margin: 1em 0;
  padding: 0 0 0 40px;
}

<roman>
  <li>List item</li>
  <li>List item</li>
  <li>List item</li>
  <li>List item</li>
  <li>List item</li>
</roman>

​