https://microformats.org/wiki/index.php?action=history&feed=atom&title=sharelink-examples
sharelink-examples - Revision history
2026-05-29T22:50:37Z
Revision history for this page on the wiki
MediaWiki 1.38.4
https://microformats.org/wiki/index.php?title=sharelink-examples&diff=70101&oldid=prev
Aaronpk: Replace <entry-title> with {{DISPLAYTITLE:}}
2020-07-18T16:32:59Z
<p>Replace <entry-title> with {{DISPLAYTITLE:}}</p>
<table style="background-color: #fff; color: #202122;" data-mw="interface">
<col class="diff-marker" />
<col class="diff-content" />
<col class="diff-marker" />
<col class="diff-content" />
<tr class="diff-title" lang="en">
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Older revision</td>
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Revision as of 16:32, 18 July 2020</td>
</tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l1">Line 1:</td>
<td colspan="2" class="diff-lineno">Line 1:</td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;"><entry-title></del>sharelink examples<del style="font-weight: bold; text-decoration: none;"></entry-title></del></div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">{{DISPLAYTITLE:</ins>sharelink examples<ins style="font-weight: bold; text-decoration: none;">}}</ins></div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br/></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br/></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Part of the Sharelink effort. </div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Part of the Sharelink effort. </div></td></tr>
</table>
Aaronpk
https://microformats.org/wiki/index.php?title=sharelink-examples&diff=65864&oldid=prev
Kevin Marks: initial examples of sharelinks
2017-01-21T01:56:01Z
<p>initial examples of sharelinks</p>
<p><b>New page</b></p><div><entry-title>sharelink examples</entry-title><br />
<br />
Part of the Sharelink effort. <br />
<br />
[https://twitter.com/cramforce/status/822184263172796416 Malte Ubl @cramforce Jan 19]<br />
*specifically we’d like to propose <link rel=share> (or similar name) to provide preference of shared URL for a given page.<br />
Per the microformats [[process]] this page is here to document existing real world visible web publishing examples of pages publishing share links for themselves. <br />
<br />
<br />
<br />
{{stub}}<br />
<br />
== examples ==<br />
* Twitter has a "copy link" dropdown with javascript, no rel on the tweet link.<br />
* Medium changes the address bar link<br />
* giphy under the advanced tab has multiple links, displayed as text input fields to copy<br />
<source lang="html4strict"><br />
<div class="advanced-action-group"><br />
<div class="action clearfix"><br />
<p class="action-note">Giphy links preview in Facebook and Twitter. HTML5 links autoselect optimized format.</p><br />
<span class="action-label">Giphy Link</span><br />
<div class="action-field"><br />
<input type="text" value="http://gph.is/2dmmt6J" data-copy="true"><br />
</div><br />
</div><br />
<div class="action clearfix"><br />
<span class="action-label">HTML5 Video</span><br />
<div class="action-field"><br />
<br />
<input type="text" value="https://giphy.com/gifs/lC86xNTUs7CM0/html5" data-copy="true"><br />
<br />
</div><br />
</div><br />
<div class="action clearfix"><br />
<span class="action-label">Gif Download</span><br />
<div class="action-field has-button"><br />
<input type="text" value="http://i.giphy.com/lC86xNTUs7CM0.gif" data-copy="true"><br />
<a class="action-button button blue" href="https://media.giphy.com/media/lC86xNTUs7CM0/giphy.gif" download="giphy.gif" target="_blank">Download</a><br />
</div><br />
</div><br />
<br />
</div><br />
</source><br />
* svgshare has multiple URLs to copy as well:<br />
<source lang="html4strict"><br />
<ul id="shares"><br />
<li><h3>Image Link (chat, IM, email)</h3><br />
<input readonly value="http://svgshare.com/s/Xe" type="text" ><br />
<li><h3>Direct Link (chat, IM, email)</h3><br />
<input readonly value="http://svgshare.com/i/Xe.svg" type="text" ><br />
<li><h3>HTML (website, blog)</h3><br />
<input readonly value="&lt;a href='http://svgshare.com/s/Xe' &gt;&lt;img src='http://svgshare.com/i/Xe.svg' title='' /&gt;&lt;/a&gt;" type="text" ><br />
<li><h3>HTML iframe (website, blog)</h3><br />
<input readonly value="&lt;iframe src='http://svgshare.com/f/Xe' width=100% height=100% &gt;&lt;/iframe&gt;" type="text" ><br />
<li><h3>Hash resolver</h3><br />
<input readonly value="http://svgshare.com/getbyhash/sha1-S0gBndRX/ONq105EfF1/tF8h9Lo=" type="text" ><br />
</ul><br />
</source><br />
* …<br />
== see also ==<br />
* [[sharelink-formats]]</div>
Kevin Marks