标记与标记完美融合的单词，并保持标记有效

Question

有没有一种方法可以在文本中标记一些单词，只是为了进一步的编程处理，而不是为了任何visuell之类的东西？假设我有以下文本：

Lorem ipsum dolor sit amet，consetetur sadipscing elitr，sed diam nonumy eirmod tempor invidunt ut laboure et dolore magna aliquyam erat，sed diam voluptua。在vero eos和accusam以及justo duo dolores和ea rebum。斯特克里塔·卡斯德·古伯格伦（Stet clita kasd gubergren），没有大海，塔基马塔圣所（takimata sanctus）是属于同一领域的。

比如说，古伯格伦是我的关键词。我不能只解析古伯格伦的文本，因为我不知道我的关键字的值。我可以做的是在渲染时使用标记标记我的关键字：

Lorem ipsum dolor sit amet，consetetur sadipscing elitr，sed diam nonumy eirmod temor invidunt ut labore et dolore magna aliquyam erat，sed diam volptua。在vero eos等指控和多洛雷斯等指责。Stet clita kasd

现在，我可以用关键字作为类名轻松解析span元素的文本，并且可以获取关键字列表。但是如果span与CSS样式关联呢？这在浏览器中看起来很傻。另一方面，我不能仅仅发明一个自己的标记，因为我明确希望我的站点保持HTML有效。

你有什么建议？




Answer 1

我不知道这篇文章是从哪里来的。在CMS中，我们将| |用于特殊代码。所以我的副本中有：

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor
invidunt ut labore et dolore ||keyword|| magna aliquyam erat, sed diam voluptua. At vero

因为| |很少用于其他用途，所以我分析数据服务器端以查找| |。我将使用排序的mid函数来获取所需的数据，并根据需要修改副本。在单词周围添加html元素，将单词替换为要处理的表单或其他服务器端代码。这些能力是无穷无尽的。

Answer 2

在关键字周围有两个不可见物如何？

示例：

<span style="display: none;">&nbsp;</span>gubergren<span style="display: none;">&nbsp;</span>

可以检索跨距并获取两个跨距之间的内容。但我觉得这不是一个很好的解决方案。

最好的解决方案是不将css应用于具有特定类的跨度。但我想你已经知道了。

您还可以使用简单的html属性。示例：

<p data-keyword="gubergren">Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</p>

Answer 3

你的方法是对的。将span标记与类“keyword”一起使用。您不必担心css问题，尤其是如果您是编写css的人。不要设置“关键字”类的样式。

如果您没有编写CSS，我无法想象为什么有人会在没有附加类选择器的情况下设计简单标记的样式。这样做可能会破坏很多东西。如果您担心“keyword”类附加了css，那么请使类名具有唯一性。

如果您还有其他人没有使用类选择器来设置标记的样式，请定义自己的样式，以消除特定于具有“keyword”类的span标记的格式。

span.keyword {
   border: 0px;
   display: inline;
   background-color: transparent;
   ... whatever other formatting you may need to remove...
}