什么是用于括号的最佳HTML5元素？

Question

我一直在寻找HTML5元素来在括号中标记文本。我的第一直觉是使用<ASIDE>元素，但the HTML5 definition明确表示：

  

注意：将旁边元素仅用于括号内是不合适的，因为它们是文档主流的一部分。

什么，那么，应该用于括号？

实施

---

以下是我最终使用的内容。感谢unor指出<SMALL>被定义为代表“侧面评论”，IMO包括括号。

CSS：

SMALL.parenthetical {
    font-size: inherit;
}
    SMALL.parenthetical:before {
        content: "(";
    }
    SMALL.parenthetical:after {
        content: ")";
    }

HTML：

<P>Today I wrote some code <SMALL CLASS="parenthetical">In CSS and HTML</SMALL> that helped me out greatly</P>

Answer 1

括号中没有特定的元素。

在某些案例中，small element可能是合适的。

您必须使用标点符号（例如，圆括号(和)）显式作为HTML的一部分（因此不通过CSS content）包含。

如果您希望能够设置整个括号的样式。括号中，您应该使用span元素，因为它们没有任何意义。例如：

<p>At vero eos duo <span class="parenthesis">(consetetur sadipscing elitr)</span> dolores et ea rebum.</p> 

<p>At vero eos duo <span class="parenthesis-start">(</span>consetetur sadipscing elitr<span class="parenthesis-end">)</span> dolores et ea rebum.</p>

现在你可以在视觉上隐藏括号并通过CSS的::after和::before伪元素添加其他标点符号（或类似标记）。

Answer 2

如果我没有错，

This正是你正在寻找的。