<?xml version="1.0" encoding="UTF-8"?><rss version="2.0" xmlns:content="http://purl.org/rss/1.0/modules/content/">
  <channel>
    <title>links &amp;mdash; mistynotes</title>
    <link>https://mistynotes.nl/tag:links</link>
    <description>&lt;a rel=&#34;me&#34; style=&#34;display:none&#34; href=https://mastodon.nl/@shockingGreen&gt; &lt;/a&gt;</description>
    <pubDate>Fri, 17 Apr 2026 01:31:43 +0000</pubDate>
    <image>
      <url>https://i.snap.as/0cCCMkfc.png</url>
      <title>links &amp;mdash; mistynotes</title>
      <link>https://mistynotes.nl/tag:links</link>
    </image>
    <item>
      <title>Link meteen door naar dat interessante hoofdstuk (2)</title>
      <link>https://mistynotes.nl/link-meteen-door-naar-dat-interessante-hoofdstuk-2?pk_campaign=rss-feed</link>
      <description>&lt;![CDATA[img alt=&#34;Hoofdillustratietekstbrabbel&#34; src=&#34;https://i.snap.as/Lu8t22ZH.png&#34; class=&#34;imgmain&#34; /&#xA;&#xA;Zoals in een vorig blogje gesteld: als je iemand iets interessants wil laten zien kun je in plaats van een link naar de website te sturen, ervoor kiezen om een link direct naar het hoofdstukje te sturen. Maar ik zie nu dat het nòg gemakkelijker kan: je stuurt een link naar het geselecteerd stukje tekst op die website.&#xA;&#xA;!--more--&#xA;Selecteren maar!&#xA;&#xA;img alt=&#34;tekstbrabbel&#34; src=&#34;https://i.snap.as/RT6NlB1s.png&#34; class=&#34;imgleft&#34;/Hiervoor is sinds kort een mogelijkheid uitgevonden: &#34;text fragments&#34;. In de link die je maakt naar de tekst zet je dan `#:~:text=. En achter het =`teken vul je de tekst in die je op de website geselecteerd wil zien. Deze tekst moet wel volgens de url-conventies werken en dus  url-encoded zijn. Er zijn online veel hulpmiddelen die je helpen bij het maken van deze url-encoded tekst. &#xA;Laten we een voorbeeld maken. We proberen de eerste zin van het artikel &#34;Link meteen door naar dat interessante hoofdstuk&#34; te selecteren:&#xA;&#xA;  Stel je voor dat je een artikel op internet gelezen hebt dat je met iemand wil delen. &#xA;&#xA;Eerst de gewone url naar de website noteren. img alt=&#34;kettinglink&#34; src=&#34;https://i.snap.as/oZZaBL57.png&#34; class=&#34;imgright&#34;/ &#xA;&#xA;smallhttps://mistynotes.nl/link-meteen-door-naar-dat-interessante-hoofdstuk/small. &#xA;&#xA;Daarachter dus &#xA;&#xA;small#:~:text=/small&#xA;&#xA;en daar weer achter de te selecteren tekst van die website, url-encoded. &#xA;&#xA;smallStel%20je%20voor%20dat%20je%20een%20artikel%20op%20internet%20gelezen%20hebt%20dat%20je%20met%20iemand%20wil%20delen/small.&#xA;&#xA;Samen dus: &#xA;&#xA;smallhttps://mistynotes.nl/link-meteen-door-naar-dat-interessante-hoofdstuk/#:~:text=Stel%20je%20voor%20dat%20je%20een%20artikel%20op%20internet%20gelezen%20hebt%20dat%20je%20met%20iemand%20wil%20delen/small&#xA;&#xA;En als link: &#34;kijk eens naar dit stukje tekst!&#34;&#xA;&#xA;Van begin tot eind&#xA;&#xA;Het gebruik van tekst-fragmenten biedt nog extra mogelijkheden. Als je bijvoorbeeld een groot stuk tekst wil selecteren, dan is het vervelend om die hele tekst in de url te zetten. Je kunt dan het begin van de tekst en het eind van de tekst weergeven, gescheiden door een komma. De tekst ertussen wordt er dan automatisch bij gezocht. Dus het voorbeeldje hierboven kan wel korter.&#xA;&#xA;smallhttps://mistynotes.nl/link-meteen-door-naar-dat-interessante-hoofdstuk/#:~:text=Stel%20je%20voor%20dat,delen/small. &#xA;&#xA;En als link: &#34;Kijk eens naar dit stukje tekst!&#xA;&#xA;Maar, welke dan?&#xA;&#xA;Nu kan het zijn dat je naar een website refereert met heel veel tekst. En laat nou in die tekst een zinnetje of woord dat je wil selecteren drie keer voorkomen, en je wilt alleen de derde selecteren. Dan kun je die onderscheiden door de tekst die voor en achter de selectie komt mee te geven. Ook weer gescheiden door komma&#39;s. Tekst die vóór de selectie komt (prefix) krijgt op het eind een streepje. En de tekst die na de selectie komt (suffix), krijgt aan het begin een streepje. Als ik bijvoorbeeld naar het woordje ov-chipkaart wil verwijzen in het artikel, dan zie je dat dit woordje vaker voorkomt.  De context van de derde keer dat dit woord voorkomt is: &#xA;&#xA;  De naam van het id: “Ov-chipkaart” plak je dan aan de url met een hekje (#) ertussen.&#xA;&#xA;We kunnen hier nu aan refereren door id: en plak te gebruiken als prefix en suffix:&#xA;id:-,“Ov-chipkaart”,-plak &#xA;dan wordt de url: &#xA;&#xA;smallhttps://mistynotes.nl/link-meteen-door-naar-dat-interessante-hoofdstuk/#:~:text=id:-,“Ov-chipkaart”,-plak/small &#xA;&#xA;Dus: &#34;Kijk eens naar het derde woordje ov-chipkaart&#34; op de website!&#xA;&#xA;Er zijn nog wel meer mogelijkheden met deze tekstfragmenten, zoals meerdere stukken tekst selecteren, en de kleur en stijl van de selectie bepalen. Bekijk ze maar eens. Sommige zijn echter bedoeld voor de mensen die de websites maken.&#xA;&#xA;Blits&#xA;&#xA;img alt=&#34;bliksem-blits&#34; src=&#34;https://i.snap.as/FNg9zgz3.png&#34; class=&#34;imgleft&#34; /Toegegeven, voor de ontvanger van jouw link is het dan wel een stuk gemakkelijker, het samenstellen van de link is wel wat werk. Dus het is altijd wel even afwegen of je het ervoor over hebt, om even de blits te maken met een geselecteerde tekst in een link. &#xA;&#xA;###### #internet #links #website&#xA;&#xA;a href=&#34;https://remark.as/p/mistynotes.nl/link-meteen-door-naar-dat-interessante-hoofdstuk-2&#34;Discuss.../a ]]&gt;</description>
      <content:encoded><![CDATA[<p><img alt="Hoofdillustratie_tekstbrabbel" src="https://i.snap.as/Lu8t22ZH.png" class="img_main"/></p>

<p>Zoals in een <a href="https://mistynotes.nl/link-meteen-door-naar-dat-interessante-hoofdstuk">vorig blogje</a> gesteld: als je iemand iets interessants wil laten zien kun je in plaats van een link naar de website te sturen, ervoor kiezen om een link direct naar het hoofdstukje te sturen. Maar ik zie nu dat het nòg gemakkelijker kan: je stuurt een link naar het geselecteerd stukje tekst op die website.</p>



<h2 id="selecteren-maar" id="selecteren-maar">Selecteren maar!</h2>

<p><img alt="tekstbrabbel" src="https://i.snap.as/RT6NlB1s.png" class="img_left"/>Hiervoor is sinds kort een <a href="https://developer.mozilla.org/en-US/docs/Web/URI">mogelijkheid</a> uitgevonden: “text fragments”. In de link die je maakt naar de tekst zet je dan <code>#:~:text=</code>. En achter het <code>=</code>teken vul je de tekst in die je op de website geselecteerd wil zien. Deze tekst moet wel volgens de url-conventies werken en dus  url-encoded zijn. Er zijn online veel <a href="https://www.urlencoder.io/">hulpmiddelen</a> die je helpen bij het maken van deze url-encoded tekst.
Laten we een voorbeeld maken. We proberen de eerste zin van het artikel “Link meteen door naar dat interessante hoofdstuk” te selecteren:</p>

<blockquote><p>Stel je voor dat je een artikel op internet gelezen hebt dat je met iemand wil delen.</p></blockquote>

<p>Eerst de gewone url naar de website noteren. <img alt="kettinglink" src="https://i.snap.as/oZZaBL57.png" class="img_right"/></p>

<p><small><code>https://mistynotes.nl/link-meteen-door-naar-dat-interessante-hoofdstuk</code></small>.</p>

<p>Daarachter dus</p>

<p><small><code>#:~:text=</code></small></p>

<p>en daar weer achter de te selecteren tekst van die website, url-encoded.</p>

<p><small><code>Stel%20je%20voor%20dat%20je%20een%20artikel%20op%20internet%20gelezen%20hebt%20dat%20je%20met%20iemand%20wil%20delen</code></small>.</p>

<p>Samen dus:</p>

<p><small><code>https://mistynotes.nl/link-meteen-door-naar-dat-interessante-hoofdstuk/#:~:text=Stel%20je%20voor%20dat%20je%20een%20artikel%20op%20internet%20gelezen%20hebt%20dat%20je%20met%20iemand%20wil%20delen</code></small></p>

<p>En als link: “kijk eens naar dit <a href="https://mistynotes.nl/link-meteen-door-naar-dat-interessante-hoofdstuk/#:~:text=Stel%20je%20voor%20dat%20je%20een%20artikel%20op%20internet%20gelezen%20hebt%20dat%20je%20met%20iemand%20wil%20delen">stukje tekst!</a>“</p>

<h2 id="van-begin-tot-eind" id="van-begin-tot-eind">Van begin tot eind</h2>

<p>Het gebruik van tekst-fragmenten biedt nog extra mogelijkheden. Als je bijvoorbeeld een groot stuk tekst wil selecteren, dan is het vervelend om die hele tekst in de url te zetten. Je kunt dan het begin van de tekst en het eind van de tekst weergeven, gescheiden door een komma. De tekst ertussen wordt er dan automatisch bij gezocht. Dus het voorbeeldje hierboven kan wel korter.</p>

<p><small><code>https://mistynotes.nl/link-meteen-door-naar-dat-interessante-hoofdstuk/#:~:text=Stel%20je%20voor%20dat,delen</code></small>.</p>

<p>En als link: “Kijk eens naar dit <a href="https://mistynotes.nl/link-meteen-door-naar-dat-interessante-hoofdstuk/#:~:text=Stel%20je%20voor%20dat,delen.">stukje tekst</a>!</p>

<h2 id="maar-welke-dan" id="maar-welke-dan">Maar, welke dan?</h2>

<p>Nu kan het zijn dat je naar een website refereert met heel veel tekst. En laat nou in die tekst een zinnetje of woord dat je wil selecteren drie keer voorkomen, en je wilt alleen de derde selecteren. Dan kun je die onderscheiden door de tekst die voor en achter de selectie komt mee te geven. Ook weer gescheiden door komma&#39;s. Tekst die vóór de selectie komt (prefix) krijgt op het eind een streepje. En de tekst die na de selectie komt (suffix), krijgt aan het begin een streepje. Als ik bijvoorbeeld naar het woordje <code>ov-chipkaart</code> wil verwijzen in het artikel, dan zie je dat dit woordje vaker voorkomt.  De context van de derde keer dat dit woord voorkomt is:</p>

<blockquote><p>De naam van het id: “Ov-chipkaart” plak je dan aan de url met een hekje (#) ertussen.</p></blockquote>

<p>We kunnen hier nu aan refereren door <code>id:</code> en <code>plak</code> te gebruiken als prefix en suffix:
<code>id:-,“Ov-chipkaart”,-plak</code>
dan wordt de url:</p>

<p><small><code>https://mistynotes.nl/link-meteen-door-naar-dat-interessante-hoofdstuk/#:~:text=id:-,“Ov-chipkaart”,-plak</code></small></p>

<p>Dus: “Kijk eens naar het <a href="https://mistynotes.nl/link-meteen-door-naar-dat-interessante-hoofdstuk/#:~:text=id:-,%E2%80%9COv-chipkaart%E2%80%9D,-plak">derde woordje</a> ov-chipkaart” op de website!</p>

<p>Er zijn nog wel meer <a href="https://developer.mozilla.org/en-US/docs/Web/URI/Fragment/Text_fragments">mogelijkheden</a> met deze tekstfragmenten, zoals meerdere stukken tekst selecteren, en de kleur en stijl van de selectie bepalen. Bekijk ze maar eens. Sommige zijn echter bedoeld voor de mensen die de websites maken.</p>

<h2 id="blits" id="blits">Blits</h2>

<p><img alt="bliksem-blits" src="https://i.snap.as/FNg9zgz3.png" class="img_left"/>Toegegeven, voor de ontvanger van jouw link is het dan wel een stuk gemakkelijker, het samenstellen van de link is wel wat werk. Dus het is altijd wel even afwegen of je het ervoor over hebt, om even de blits te maken met een geselecteerde tekst in een link.</p>

<h6 id="internet-links-website" id="internet-links-website"><a href="https://mistynotes.nl/tag:internet" class="hashtag"><span>#</span><span class="p-category">internet</span></a> <a href="https://mistynotes.nl/tag:links" class="hashtag"><span>#</span><span class="p-category">links</span></a> <a href="https://mistynotes.nl/tag:website" class="hashtag"><span>#</span><span class="p-category">website</span></a></h6>

<p><a href="https://remark.as/p/mistynotes.nl/link-meteen-door-naar-dat-interessante-hoofdstuk-2">Discuss...</a></p>
]]></content:encoded>
      <guid>https://mistynotes.nl/link-meteen-door-naar-dat-interessante-hoofdstuk-2</guid>
      <pubDate>Wed, 13 Nov 2024 10:18:22 +0000</pubDate>
    </item>
  </channel>
</rss>