html - 动态加载 html title 属性

Question

这是我的标记的摘录:

    <img src="<?php echo get_post_meta($post->ID, 'thumbnail_value', true); ?>" title="<?php the_tags(); ?>" alt="" class="thumb"></a>

我输入了“标题”属性 <?php the_tags(); ?>这是 Wordpress 的一个功能。 当我检查 Firebug 中的标记时，我看到了这个:

li class="view view_2 view-first">
<a id="50" href="" class="thumb_link" onclick="update_default_proj_list(1, '', '_'); getProject(50);"><span class="selected"></span><img 

src="13370318682.jpg" title="Tags: &lt;a href=" http:="" whiteandgold.ro="" realty="" ?tag="house&quot;" rel="tag">house</a>, <a href="http://

whiteandgold.ro/realty/?tag=rent-3" rel="tag">rent</a>" alt="" class="thumb"&gt;

我试图隐藏该文本:

img.thumb[title] {text-indent:-9999px;}



a[rel~="tag"] { text-indent:-999px;}`

它不起作用，你也可以看到这个 here (尝试检查缩略图)

Answer 1

the_tags()渲染 HTML，所以你不应该把它放在 title 属性中。将它放在任何 HTML 属性之外:

<div id="thepost">
  // stuff
  <?php the_tags(); ?>
</div>

如果出于某种原因你仍然想这样做，你可以使用 htmlspecialchars 让它工作。 :

<img src="<?php echo get_post_meta($post->ID, 'thumbnail_value', true); ?>" title="<?php htmlspecialchars(the_tags()); ?>" alt="" class="thumb"></a>

或者您可能只想要一个逗号分隔的标签列表，在这种情况下您可以使用 get_the_tags() 生成它(它为您提供了一组标签，您可以随心所欲地使用它们)。