我正在寻找一种正确的方法来将HTML5(语义)内容相关的marginalia(如图像,注释,修正,列表......)添加到文章的文本中(这意味着<article>
内的<p>
。
我的第一个问题是使用<aside>
,但在W3C Wiki我发现了这个:
<aside>
元素表示由页面组成的部分 与旁边内容相切的内容 元素,可以认为与该内容分开。 (通过W3C Wiki)
...即使marginalia不是间接的(如版权),但直接相关(如修正)内容,旁边标记似乎是一个合适的选项,但仅作为{{3而不是sections-tag。标记会产生如下结果:
<article>
<p>Lorem ipsum dolor sit amet.</p>
<aside>(dolor euismod tincidunt)</aside>
</article>
而不是:
<article>
<p>Lorem ipsum dolor <span>(dolor euismod tincidunt)</span> sit amet.</p>
</article>
在文字级图层上可能有<small>
和/或<mark>
(而不是上面的<span>
):
<small>
元素表示小写,例如小字。 (通过text-level semantics)
...可以用于归属,但是用于小字体(如版权)。
<mark>
元素表示标记为或的一个文档中的一行文本 由于其与另一个相关性而突出显示以供参考 上下文。 (通过W3C Wiki)
...可以在另一个附加上下文中用作参考目的(如单个搜索关键字)。
总结一下:我正在寻找一种在文本中的特定单词之后添加其他(相关)内容的正确方法。我如何在语义上实现这一目标?是否有更合适的(HTML5)标签甚至其他选项?
可能的用例可能是文本中拼写错误的单词,右侧拼写添加为边缘,并附带有关受影响单词的进化历史的其他信息。
答案 0 :(得分:0)
<dfn>
将成为文字术语的解决方案。