Nomar记录一段历史
使用 h1 到 h6 调整大小从数组生成标签云的最佳方法是什么?

我有以下数组:

 $artist = array("the roots", "michael jackson", "billy idol", "more", "and more", "and_YET_MORE"); $count = array(5, 3, 9, 1, 1, 3);

我想生成一个标签云,其中包含在h6标签中的$count较高数字和最低的h1标签中的艺术家。

8个回答

在我的头顶...

 $artist = array("the roots","michael jackson","billy idol","more","and more","and_YET_MORE"); $count = array(5,3,9,1,1,3); $highest = max($count); for (int $x = 0; $x < count($artist); $x++) { $normalized = $count[$x] / $highest; $heading = ceil($normalized * 6); // 6 heading types echo "<h".$heading.">".$artist[$x]."</h".$heading.">"; }

@瑞安

这是正确的,但它实际上使数量最少的标签更大。此代码已经过测试:

 $artist = array("the roots","michael jackson","billy idol","more","and more","and_YET_MORE"); $count = array(5,3,9,1,1,3); $highest = max($count); for ($x = 0; $x < count($artist); $x++) { $normalized = ($highest - $count[$x]+1) / $highest; $heading = ceil($normalized * 6); // 6 heading types echo "<h$heading>{$artist[$x]}</h$heading>"; }

也许这有点学术性和离题,但由于文档结构和所有类似的原因, hX标签可能不是标签云的最佳选择。

也许span或具有适当类属性的ol (加上一些 CSS)?

使用此代码段已有一段时间了,功劳是prism-perfect.net。虽然不使用 H 标签

<div id="tags"> <div class="title">Popular Searches</div> <?php // Snippet taken from [prism-perfect.net] include "/path/to/public_html/search/settings/database.php"; include "/path/to/public_html/search/settings/conf.php"; $query = "SELECT query AS tag, COUNT(*) AS quantity FROM sphider_query_log WHERE results > 0 GROUP BY query ORDER BY query ASC LIMIT 10"; $result = mysql_query($query) or die(mysql_error()); while ($row = mysql_fetch_array($result)) { $tags[$row['tag']] = $row['quantity']; } // change these font sizes if you will $max_size = 30; // max font size in % $min_size = 11; // min font size in % // get the largest and smallest array values $max_qty = max(array_values($tags)); $min_qty = min(array_values($tags)); // find the range of values $spread = $max_qty - $min_qty; if (0 == $spread) { // we don't want to divide by zero $spread = 1; } // determine the font-size increment // this is the increase per tag quantity (times used) $step = ($max_size - $min_size)/($spread); // loop through our tag array foreach ($tags as $key => $value) { // calculate CSS font-size // find the $value in excess of $min_qty // multiply by the font-size increment ($size) // and add the $min_size set above $size = $min_size + (($value - $min_qty) * $step); // uncomment if you want sizes in whole %: // $size = ceil($size); // you'll need to put the link destination in place of the /search/search.php... // (assuming your tag links to some sort of details page) echo '<a href="/search/search.php?query='.$key.'&search=1" style="font-size: '.$size.'px"'; // perhaps adjust this title attribute for the things that are tagged echo ' title="'.$value.' things tagged with '.$key.'"'; echo '>'.$key.'</a> '; // notice the space at the end of the link } ?> </div>
这对我来说似乎是一个很好的方法。如果您的数据在数组中,只需跳过数据库部分。我建议您将艺术家姓名和数量存储在一个关联数组中。要使用上面的代码使用类似的东西: $tags = array("theroots" => 5,"michael jackson" = 3,"billy idle" => 9,"madonna" => 1);我同意不要使用 H 标签,因为它会扰乱您的语义。跨度将是我的选择。最后,Zend Framework 中存在一个助手,它可以满足您的需求。参见framework.zend.com/manual/en/zend.tag.html

作为 Rails 的帮手:

 def tag_cloud (strings, counts) max = counts.max strings.map { |a| "<span style='font-size:#{((counts[strings.index(a)] * 4.0)/max).ceil}em'>#{a}</span> " } end

从视图中调用它:

 <%= tag_cloud($artists, $counts) %>

这将在一个数组中输出<span style='font-size:_em'>元素,该数组将在视图中转换为字符串以最终呈现如下:

 <span style='font-size:3em'>the roots</span> <span style='font-size:2em'>michael jackson</span> <span style='font-size:4em'>billy idol</span> <span style='font-size:1em'>more</span> <span style='font-size:1em'>and more</span> <span style='font-size:2em'>and_YET_MORE</span>

最好有一个class属性并在上面 Brendan 提到的样式表中引用这些类。比在语义上使用h1-h6好得多,并且<span>样式包袱更少。

为什么有人给它-1?

您还需要向其添加对数函数。 (取自 tagadelic,我的 Drupal 模块,用于创建标签云http://drupal.org/project/tagadelic ):

 db_query('SELECT COUNT(*) AS count, id, name FROM ... ORDER BY count DESC'); $steps = 6; $tags = array(); $min = 1e9; $max = -1e9; while ($tag = db_fetch_object($result)) { $tag->number_of_posts = $tag->count; #sets the amount of items a certain tag has attached to it $tag->count = log($tag->count); $min = min($min, $tag->count); $max = max($max, $tag->count); $tags[$tag->tid] = $tag; } // Note: we need to ensure the range is slightly too large to make sure even // the largest element is rounded down. $range = max(.01, $max - $min) * 1.0001; foreach ($tags as $key => $value) { $tags[$key]->weight = 1 + floor($steps * ($value->count - $min) / $range); }

然后在您的视图或模板中:

 foreach ($tags as $tag) { $output .= "<h$tag->weight>$tag->name</h$tag->weight>" }

此方法适用于SQL/PostgreSQL狂热分子。它在数据库中完成整个工作,并打印带有“slugified”链接的文本。它仅将 Doctrine ORM用于 sql 调用,我没有使用对象。假设我们有 10 个尺寸:

 public function getAllForTagCloud($fontSizes = 10) { $sql = sprintf("SELECT count(tag) as tagcount,tag,slug, floor((count(*) * %d )/(select max(t) from (select count(tag) as t from magazine_tag group by tag) t)::numeric(6,2)) as ranking from magazine_tag mt group by tag,slug", $fontSizes); $q = Doctrine_Manager::getInstance()->getCurrentConnection(); return $q->execute($sql); }

然后用一些 CSS 类打印它们,从 .tagranking10(最好)到 .tagranking1(最差):

 <?php foreach ($allTags as $tag): ?> <span class="<?php echo 'tagrank'.$tag['ranking'] ?>"> <?php echo sprintf('<a rel="tag" href="/search/by/tag/%s">%s</a>', $tag['slug'], $tag['tag'] ); ?> </span> <?php endforeach; ?>

这是CSS

 /* put your size of choice */ .tagrank1{font-size: 0.3em;} .tagrank2{font-size: 0.4em;} .tagrank3{font-size: 0.5em;} /* go on till tagrank10 */

此方法显示所有标签。如果你有很多标签,你可能不希望你的标签云变成标签风暴。在这种情况下,您可以将HAVING TO子句附加到您的 SQL 查询中:

 -- minimum tag count is 8 -- HAVING count(tag) > 7

就这样

我知道这是一个很老的帖子,但我仍然在发布我的观点,因为它可能对将来的人有所帮助。

这是我在我的网站中使用的标签云: http ://www.vbausefulcodes.in/

 <?php $input= array("vba","macros","excel","outlook","powerpoint","access","database","interview questions","sendkeys","word","excel projects","visual basic projects","excel vba","macro","excel visual basic","tutorial","programming","learn macros","vba examples"); $rand_tags = array_rand($input, 5); for ($x = 0; $x <= 4; $x++) { $size = rand ( 1 , 4 ); echo "<font size='$size'>" . $input[$rand_tags[$x]] . " " . "</font>"; } echo "<br>"; $rand_tags = array_rand($input, 7); for ($x = 0; $x <= 6; $x++) { $size = rand ( 1 , 4 ); echo "<font size='$size'>" . $input[$rand_tags[$x]] . " " . "</font>"; } echo "<br>"; $rand_tags = array_rand($input, 5); for ($x = 0; $x <= 4; $x++) { $size = rand ( 1 , 4 ); echo "<font size='$size'>" . $input[$rand_tags[$x]] . " " . "</font>"; } ?>

随机文章