在HTML页面内添加popover数据内容,Twitter Bootstrap

时间:2013-03-16 15:19:39

标签: javascript html twitter-bootstrap

我使用Twitter Bootstrap 2.0.1。我有这样一个按钮:

<a class="btn btn-info" rel="popover"
  title="today 12:11"
  data-content="I'm the content of the button 1 heyoo">Last text</a>
<a class="btn btn-info" rel="popover"
  title="yesterday 10:20"
  data-content="I'm the content of the button 2 heyoo">Last text</a>

但是当我使用这个代码时,搜索引擎并没有采取数据内容和#34;考虑到了。但我想要&#34;数据内容&#34;被蜘蛛看到。

如果我这样做,按钮变得很大:

<a class="btn btn-info" rel="popover"
  title="today 12:11">I'm the content of the button 1 heyoo</a>

这也是替代方案,但会创建重复数据:

<a class="btn btn-info" rel="popover"
  title="today 12:11"
  data-content="I'm the content of the button 1 heyoo">
  Last text
 <div style="display: none;">
 <span>I'm the content of the button 1 heyoo</span>
 </div>
</a>

另一个选择是放置&#34;数据内容&#34;进入页面,但用字体1点写。但我不认为这是个好主意。

1 个答案:

答案 0 :(得分:0)

  

但是当我使用此代码时,搜索引擎不会考虑“数据内容”。

他们为什么要这样?

当我搜索的文本“我是按钮1 heyoo”的内容未显示在可读内容中时,搜索引擎将我引导到您的网站会带来什么好处?在那个页面上给我时尚?