【问题标题】:HTML5 markup for content-related marginalia内容相关边缘的 HTML5 标记
【发布时间】: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>

在文本层可能有&lt;small&gt; 和/或&lt;mark&gt;(而不是上面的&lt;span&gt;):

&lt;small&gt; 元素代表小字体等侧面元素。 (通过W3C Wiki

...可用于署名,但用于小字体(如版权)。

&lt;mark&gt; 元素表示一个文档中的一系列文本,标记为或 出于参考目的而突出显示,因为它在另一个方面的相关性 语境。 (通过W3C Wiki

...可以在另一个附加上下文中用于参考目的(例如单个搜索关键字)。


总结一下:我正在寻找一种适当的方法来在文本中的特定单词之后添加其他(相关)内容。我将如何在语义上实现这一目标?是否有更合适的 (HTML5) 标签甚至其他选项来执行此操作?

一个可能的用例可能是文本中的一个拼写错误的单词,正确的拼写作为边缘添加了有关受影响单词进化历史的附加信息。

【问题讨论】:

  • 除了主要是基于意见的(HTML5“语义”主要是玩文字游戏,不同的人玩的不一样),它非常抽象(没有给出真实案例),选择的标记没有影响,除了明显的(某些元素具有不同的默认呈现)。
  • 谢谢,我在问题的末尾添加了一个可能的用例。所以标记不重要吗?搜索引擎也不行?
  • 这个例子是具体的,但比较专业。根据 HTML5 原则,您可以将umark 用于拼写错误的单词本身,将aside 用于具有正确拼写和一些解释的内容。但是真的没有坚实的基础,没有真正的含义定义,例如让您在umark 之间做出选择,或者决定是否使用aside。标记有什么可能?关于搜索引擎可能做什么的猜测很多,但没有证据表明他们确实在做什么。

标签: html semantics markup


【解决方案1】:

&lt;dfn&gt; 将是文本术语的解决方案。

【讨论】:

  • 这个问题根本没有提到术语。
猜你喜欢
  • 2011-09-16
  • 1970-01-01
  • 1970-01-01
  • 2016-10-17
  • 2018-04-16
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多