仅在HTML5中过滤(隐藏或显示)架构

时间:2015-04-06 14:32:24

标签: html5

仅使用html5,没有css或其他任何内容,是否可以使用这样的句子,

她爱他。

使用HTML5进行架构处理,以便使用" She"标有元数据,如"主题","爱"标有"动词","他"被标记为"对象",并且所有这些都包括期间,"她爱他。"标有"完整句子"。

然后,用户可以过滤他们想要显示的内容 - 标记为主题,动词,对象或完整句子的元素......或这些元素的混合。

例如,您可能希望查看所有完整的句子和所有对象,无论它们是否在完整的句子中。

另一个例子,如果你在网页上有一堆句子,你可以快速过滤以仅查看动词。

我正在寻找一种方法来实现这一目标 - 一个如何构建标签的游戏​​计划。如果我使用div,那么它是否足够强大,可以让我标记完整的句子和里面的单个单词,还是有更简洁的方法,更简洁的方式等?

1 个答案:

答案 0 :(得分:1)

您无法仅使用HTML执行此操作。您将需要使用Javascript来显示和隐藏这些元素。你需要CSS让它看起来很好。

你可以开始的方法是在句子的不同部分放置跨度。

<span class="full-sentence><span class="subject">She</span><span class="verb">loves</span><span class="object">him</span>.

然后你需要研究使用jQuery来显示和隐藏句子的不同部分。

如果您不想使用Javascript,您可以在span类上使用CSS来为主题,动词和对象着色。