在浏览器中将每个文本字符作为其自身元素呈现的缺点？

Question

我正在研究一种文本格式的图形结构，其中每个字符都是图形中的一个节点。

考虑到如何在浏览器中呈现此图，我认为从语义的角度来看，最简单的方法是将节点序列化为HTML元素。因此，例如，“ hello world”将具有以下DOM结构（元素之间的空格被去除）：

<char value="h"/>
<char value="e"/>
<char value="l"/>
<char value="l"/>
<char value="o"/>
<char value=" "/>
<char value="w"/>
<char value="o"/>
<char value="r"/>
<char value="l"/>
<char value="d"/>

这样做的好处是可以容易地对字符进行分组，并且这些分组可以轻松地重叠。例如：

<char value="h"/>
<char value="e" data-group-a/>
<char value="l" data-group-a data-group-b/>
<char value="l" data-group-a data-group-b/>
<char value="o" data-group-b/>

我知道这将导致许多DOM节点。对于少量的文字（不超过1000个字符），有什么理由要避免这种情况？