创建社交媒体图标
•浏览 1
Creating a social media icon
本问题已经有最佳答案，请猛点这里访问。
我创建了自己的社交媒体图标，如下所示：
<a href="https://www.facebook.com/sharer/sharer.php?u=example.org"
target="_blank"><div
class="containercross">
.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;}
<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">CSS:
<a href="https://www.facebook.com/sharer/sharer.php?u=example.org"
target="_blank"><div
class="containercross">
.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;}
<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">我的问题是上面代码中的 u=example.org 是否会在共享时显示 example.org 或我的站点名称？否则它怎么会知道我的站点名称是什么？
Facebook 使用 u 参数来了解要链接到哪个站点，然后从该站点的 head 部分中存在的元数据元素中提取显示的信息，例如 title 和各种 opengraph meta 元素。
有关更多信息，请参阅这篇 CSS 技巧文章。他们给出的例子包括：
<a href="https://www.facebook.com/sharer/sharer.php?u=example.org"
target="_blank"><div
class="containercross">
.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;}
<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">