内容相关边际的HTML5标记

时间:2014-02-12 19:12:41

标签: html html5 semantics markup

我正在寻找一种正确的方法来将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)标签甚至其他选项?

可能的用例可能是文本中拼写错误的单词,右侧拼写添加为边缘,并附带有关受影响单词的进化历史的其他信息。

1 个答案:

答案 0 :(得分:0)

<dfn>将成为文字术语的解决方案。