沃梦达 / 编程技术 / 前端开发 / 正文

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

沃梦达教程前端开发

2022-09-21

Creating a social media icon本问题已经有最佳答案，请猛点这里访问。我创建了自己的社交媒体图标，如下所示：[cc lang=css][/cc]CSS:[cc lang=css].cross1 ...

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

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

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 或我的站点名称？否则它怎么会知道我的站点名称是什么？

相关讨论

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">

相关讨论

沃梦达教程

本文标题为：关于 html：创建社交媒体图标

上一篇：关于 html:CSS – 调整浏览器窗口大小时修复边

下一篇：关于 javascript:Mapbox GeoJSON 通过本地 URL 加载：图标

基础教程推荐

学习Bootstrap5

猜你喜欢

基于bootstrap的上传插件fileinput实现ajax异步上传功能(支持多文件上传预览拖拽) 2023-02-01
ExtJS 3.x DateField menuListeners 显示/隐藏 2022-09-15
vue的 Mixins (混入) 2023-10-08
深入浅析Jsonp解决ajax跨域问题 2022-12-28
Vue+WebSocket实现在线聊天 2023-10-08
解决ajax的delete、put方法接收不到参数的问题方法 2023-02-23
分页技术原理与实现之无刷新的Ajax分页技术(三) 2023-01-20
关于 css:WebKit (iPad) CSS3: 背景过渡闪烁 2022-09-21
第7天:CSS入门 2022-11-04
ECSHOP中实现ajax弹窗登录功能 2023-01-31