jquery - 标签云如何工作

Question

就目前情况而言，这个问题不太适合我们的问答形式。我们希望答案得到事实、引用资料或专业知识的支持，但这个问题可能会引发辩论、争论、民意调查或扩展讨论。如果您觉得这个问题可以改进并可能重新开放， visit the help center以获得指导。

已关闭 10 年前。

我是标签云新手。我即将在我的项目中实现标签云功能。为了做到这一点，我应该对此有一些了解。我刚刚开始学习它，对标签云有一些理论概念以及它是什么？

A tag cloud is a visual depiction of the tags(Topics) on a web site.

标记是如何工作的？标签云中生成标签有什么规则吗？

我应该使用哪个 JQuery 插件？作为解决方法，我在 JQuery 站点中搜索了标签云插件。我找到了these .

Answer 1

标签云是标签的集合，根据您网站中出现的次数，这些标签无疑是最受欢迎的。每个标签在云中显示的大小取决于该标签的受欢迎程度。有很多方法可以实现这一点。通常，CSS 规定字体的大小，可以这样处理:

标签表:
id、标签

文章表:
ID、标题、正文等

标签关系表:
文章_id、标签_id、用户_id

因此，当用户标记文章时，它会使用用户 ID、文章 ID 和标签 ID 将关系添加到关系表中。通过这种方式，您可以记录文章中标签的各个出现情况以及标记者。换句话说，是一种测量单位。

标签云获取标签的集合 - 通常是至少使用过 1 次的标签 - 并且可能应该是相对随机的。因此，您的获取查询可能会导致类似以下结果:

标签、评分(基于出现次数和您选择的任何因素的算法)

酷:2
汽车:5
有趣:4
热门:1
丑陋:7

然后，您可以使用标记的分数来应用 css 类。你可以让它无限并失去控制，但最好设定界限。所以我们给出 1 - 10 的选项。在 css 中，您可以为每个分数定义一个类:

.score-1{
    font-size: 1em;
}

.score-2{
    font-size:1.1em;
}

.score-3{
    font-size:1.2em;
    font-weight:bold;
    color:#ff6600;
}

//etc.

并提供如下 html:

<a href="tags.php?tag=15" class="score-2">Cool</a>
<a href="tags.php?tag=10" class="score-7">Ugly</a>
<a href="tags.php?tag=3" class="score-5">Cars</a>
<a href="tags.php?tag=4" class="score-1">Hot</a>
<a href="tags.php?tag=6" class="score-4">Funny</a>

除此之外，jQuery 不一定与标签云有任何关系。但可能有些插件可以做到这一点，所以如果你找到它们，就去使用它们。

我应该澄清此示例中的“分数”，假设您有一个算法，该算法会获取出现次数并根据您自己的任意数量的标准分配最终分数值 1 - 10。不一定使用原始计数作为一个分数。 Rocket 提到标签云是网站上的顶级标签 - 这可以澄清为网站上的顶级范围。否则，您最终可能会得到一个标签云，其中所有标签都很大且大小相同。我有一个网站，在前 10 个标签上徘徊，所有标签的出现次数都相同，给或拿了几个分数，持续了几周。您可以查看因素分数的标准差。我倾向于经常使用它来避免垃圾邮件。此外，自上次使用以来的时间、使用标签的用户的可信度等。

如果您有任何具体问题，请告诉我，我可能会更新。