使用 h1到 h6从数组生成标记云的最佳方法是什么？

我有以下数组:

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

我想生成一个标签云，将有艺术家与较高的数字在 $count封闭在 h6标签和最低封闭的 h1标签。

9246 次浏览
小开

我第一时间想到的是..。

$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.">";
}
小开

@ Ryan

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

$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>
小开

作为 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>的风格包袱也更少。

小开
最佳答案

你会想要添加一个对数函数到它太。(摘自 tagadelic，我创建标签云 http://drupal.org/project/tagadelic的 Drupal 模块) :

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的狂热者。它在数据库中完成整个工作，并使用“ slugfied”链接打印文本。它只为 sql 调用使用了 Doctrine ORM，我没有使用对象。 假设我们有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 */

此方法显示所有标记。如果你有很多这样的标签，你可能不希望你的标签云成为一个 Tag Storm。在这种情况下，您可以在 SQL 查询中附加一个 HAVING TO子句:

-- 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>";
}
?>

提交答案