关于 html:创建社交媒体图标

Creating a social media icon

本问题已经有最佳答案,请猛点这里访问。

我创建了自己的社交媒体图标,如下所示:

1
2
3
<a  href="https://www.facebook.com/sharer/sharer.php?u=example.org"
target="_blank"><div
class="containercross">

CSS:

1
2
3
4
5
6
7
8
9
10
.cross1 {height:30px;
width: 7px; background-
color: black; margin-left:
50px;}
.cross2 {height:30px;
width: 7px; background-
color: black; margin-left:  
50px;transform:ro
tate(90deg);margin-
left:0px;}

我的问题是上面代码中的 u=example.org 是否会在共享时显示 example.org 或我的站点名称?否则它怎么会知道我的站点名称是什么?

相关讨论

  • 您可以在一个最小的可重现示例中发布 Share 而不包含所有其他内容
  • 我不明白这里的实际问题应该是什么。
  • 最后你有什么奇怪的链接。对我来说闻起来像反向链接垃圾邮件
  • @Cbroe 当您分享到 Facebook 的链接时,它应该列出您的网站地址以及视觉呈现。它会用上面的代码做到这一点吗?
  • 你为什么要问我们,而不是简单地自己测试?
  • 试试 <代码>

Facebook 使用 u 参数来了解要链接到哪个站点,然后从该站点的 head 部分中存在的元数据元素中提取显示的信息,例如 title 和各种 opengraph meta 元素。

有关更多信息,请参阅这篇 CSS 技巧文章。他们给出的例子包括:

1
2
3
4
<meta property="og:title" content="European Travel Destinations">
<meta property="og:description" content="Offering tour packages for individuals or groups.">
<meta property="og:image" content="http://euro-travel-example.com/thumbnail.jpg">
<meta property="og:url" content="http://euro-travel-example.com/index.htm">

相关讨论

  • 谢谢。因此,即使上面没有提到我的站点标题,而且我的站点名称不是 example.org,它也会知道哪个站点将它定向到那里并列出该站点?
  • 不。您需要将 u 参数更改为您自己的站点。 Referer 标头没有被使用(至少不是用于提取信息,尽管我确信 Facebook 会跟踪它,因为他们喜欢收集数据)。

以上是关于 html:创建社交媒体图标的全部内容。
THE END
分享
二维码
< <上一篇
下一篇>>