【发布时间】:2014-03-11 08:07:04
【问题描述】:
我正在寻找一种适当的方法来将与 HTML5(语义)内容相关的marginalia(如图像、注释、修正、列表等)添加到文章的文本(这意味着在 @987654328 中) @ 内<p>)。
我的第一个想法是使用<aside>,但在W3C Wiki 上我发现了这个:
<aside>元素表示页面的一个部分,其中包括 与旁边的内容相切相关的内容 元素,并且可以被认为与该内容分开。 (通过W3C Wiki)
...即使边缘不是间接的(如版权),而是直接相关(如修改)内容,aside 标签似乎是一个合适的选项,但只能作为sections-tag而不是text-level semantics。标记会产生如下结果:
<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>元素代表小字体等侧面元素。 (通过W3C Wiki)
...可用于署名,但用于小字体(如版权)。
<mark>元素表示一个文档中的一系列文本,标记为或 出于参考目的而突出显示,因为它在另一个方面的相关性 语境。 (通过W3C Wiki)
...可以在另一个附加上下文中用于参考目的(例如单个搜索关键字)。
总结一下:我正在寻找一种适当的方法来在文本中的特定单词之后添加其他(相关)内容。我将如何在语义上实现这一目标?是否有更合适的 (HTML5) 标签甚至其他选项来执行此操作?
一个可能的用例可能是文本中的一个拼写错误的单词,正确的拼写作为边缘添加了有关受影响单词进化历史的附加信息。
【问题讨论】:
-
除了主要是基于意见的(HTML5“语义”主要是玩文字游戏,不同的人玩的不一样),它非常抽象(没有给出真实案例),选择的标记没有影响,除了明显的(某些元素具有不同的默认呈现)。
-
谢谢,我在问题的末尾添加了一个可能的用例。所以标记不重要吗?搜索引擎也不行?
-
这个例子是具体的,但比较专业。根据 HTML5 原则,您可以将
u或mark用于拼写错误的单词本身,将aside用于具有正确拼写和一些解释的内容。但是真的没有坚实的基础,没有真正的含义定义,例如让您在u和mark之间做出选择,或者决定是否使用aside。标记有什么可能?关于搜索引擎可能做什么的猜测很多,但没有证据表明他们确实在做什么。