Skip to main content
added 78 characters in body
Source Link

Text Fragment Linking

test1 [text](link)

test2 [text][ref]

test3: https://example.com/#:~:text=illustrative%20examples

test4: https://example.com/#:~:text=illustrative%20examples

test5 <a href="">...</a> works

<a href="https://example.com/#:%7E:text=illustrative%20examples">
<a href="https://example.com/#:%7E:text=illustrative%20examples">
<a href="https://example.com/#:%7E:text=illustrative%20examples">
<a href="https://example.com/#:%7E:text=illustrative%20examples">
<a href="https://example.com/#:~:text=illustrative%20examples">

Using all allowed URL Code points in fragment

https://url.spec.whatwg.org/#url-code-points

test1

test2

test3: https://example.com/!$'()*+./:;=?@_~&,-

test4: https://example.com/!$'()*+./:;=?@_~&,-

test5

<a href="https://example.com/#!$%27()*+./:;=?@_%7E&amp;,-">
<a href="https://example.com/#!$%27()*+./:;=?@_%7E&amp;,-">
<a href="https://example.com/#!$%27()*+./:;=?@_%7E&amp;,-">
<a href="https://example.com/#!$%27()*+./:;=?@_%7E&amp;,-">
<a href="https://example.com/#!$%27()*+./:;=?@_~&amp;,-">

  • ~ : percent-encoded, unless <a> element used.
  • ' : percent-encoded always

Text Fragment Linking

test1 [text](link)

test2 [text][ref]

test3: https://example.com/#:~:text=illustrative%20examples

test4: https://example.com/#:~:text=illustrative%20examples

test5 <a href="">...</a> works

<a href="https://example.com/#:%7E:text=illustrative%20examples">
<a href="https://example.com/#:%7E:text=illustrative%20examples">
<a href="https://example.com/#:%7E:text=illustrative%20examples">
<a href="https://example.com/#:%7E:text=illustrative%20examples">
<a href="https://example.com/#:~:text=illustrative%20examples">

Using all allowed URL Code points in fragment

https://url.spec.whatwg.org/#url-code-points

test1

test2

test3: https://example.com/!$'()*+./:;=?@_~&,-

test4: https://example.com/!$'()*+./:;=?@_~&,-

test5

<a href="https://example.com/#!$%27()*+./:;=?@_%7E&amp;,-">
<a href="https://example.com/#!$%27()*+./:;=?@_%7E&amp;,-">
<a href="https://example.com/#!$%27()*+./:;=?@_%7E&amp;,-">
<a href="https://example.com/#!$%27()*+./:;=?@_%7E&amp;,-">
<a href="https://example.com/#!$%27()*+./:;=?@_~&amp;,-">

Text Fragment Linking

test1 [text](link)

test2 [text][ref]

test3: https://example.com/#:~:text=illustrative%20examples

test4: https://example.com/#:~:text=illustrative%20examples

test5 <a href="">...</a> works

<a href="https://example.com/#:%7E:text=illustrative%20examples">
<a href="https://example.com/#:%7E:text=illustrative%20examples">
<a href="https://example.com/#:%7E:text=illustrative%20examples">
<a href="https://example.com/#:%7E:text=illustrative%20examples">
<a href="https://example.com/#:~:text=illustrative%20examples">

Using all allowed URL Code points

https://url.spec.whatwg.org/#url-code-points

test1

test2

test3: https://example.com/!$'()*+./:;=?@_~&,-

test4: https://example.com/!$'()*+./:;=?@_~&,-

test5

<a href="https://example.com/#!$%27()*+./:;=?@_%7E&amp;,-">
<a href="https://example.com/#!$%27()*+./:;=?@_%7E&amp;,-">
<a href="https://example.com/#!$%27()*+./:;=?@_%7E&amp;,-">
<a href="https://example.com/#!$%27()*+./:;=?@_%7E&amp;,-">
<a href="https://example.com/#!$%27()*+./:;=?@_~&amp;,-">

  • ~ : percent-encoded, unless <a> element used.
  • ' : percent-encoded always
added 43 characters in body
Source Link

Text Fragment Linking

test1 [text](link)

test2 [text][ref]

test3 <a href=""> works

test4 test3: https://example.com/#:~:text=illustrative%20examples

test5test4: https://example.com/#:~:text=illustrative%20examples

<p><a href="https://example.com/#:%7E:text=illustrative%20examples" rel="nofollow noreferrer">test1</a> <code>[text](link)</code></p>
<p><a href="https://example.com/#:%7E:text=illustrative%20examples" rel="nofollow noreferrer">test2</a> <code>[text][ref]</code></p>
<p><a href="https://example.com/#:~:text=illustrative%20examples" rel="nofollow noreferrer">test3</a> <code>&lt;a href=""&gt;</code> <strong>works</strong></p>
<p>test4: <a href="https://example.com/#:%7E:text=illustrative%20examples" rel="nofollow noreferrer">https://example.com/#:~:text=illustrative%20examples</a></p>
<p>test5: <a href="https://example.com/#:%7E:text=illustrative%20examples" rel="nofollow noreferrer">https://example.com/#:~:text=illustrative%20examples</a></p>

test5 <a href="">...</a> works


 
<a href="https://example.com/#:%7E:text=illustrative%20examples">
<a href="https://example.com/#:%7E:text=illustrative%20examples">
<a href="https://example.com/#:%7E:text=illustrative%20examples">
<a href="https://example.com/#:%7E:text=illustrative%20examples">
<a href="https://example.com/#:~:text=illustrative%20examples">

Using all allowed URL Code points in fragment

test1https://url.spec.whatwg.org/#url-code-points

test2test1

test3test2

test4test3: https://example.com/#!$'()*+./:;=?@_~&,-https://example.com/!$'()*+./:;=?@_~&,-

test5test4: https://example.com/#!$'()*+./:;=?@_~&,-https://example.com/!$'()*+./:;=?@_~&,-

test5

<a href="https://example.com/#!$%27()*+./:;=?@_%7E&amp;,-">
<a href="https://example.com/#!$%27()*+./:;=?@_%7E&amp;,-">
<a href="https://example.com/#!$%27()*+./:;=?@_%7E&amp;,-">
<a href="https://example.com/#!$%27()*+./:;=?@_%7E&amp;,-">
<a href="https://example.com/#!$%27()*+./:;=?@_~&amp;,-">

Text Fragment Linking

test1 [text](link)

test2 [text][ref]

test3 <a href=""> works

test4: https://example.com/#:~:text=illustrative%20examples

test5: https://example.com/#:~:text=illustrative%20examples

<p><a href="https://example.com/#:%7E:text=illustrative%20examples" rel="nofollow noreferrer">test1</a> <code>[text](link)</code></p>
<p><a href="https://example.com/#:%7E:text=illustrative%20examples" rel="nofollow noreferrer">test2</a> <code>[text][ref]</code></p>
<p><a href="https://example.com/#:~:text=illustrative%20examples" rel="nofollow noreferrer">test3</a> <code>&lt;a href=""&gt;</code> <strong>works</strong></p>
<p>test4: <a href="https://example.com/#:%7E:text=illustrative%20examples" rel="nofollow noreferrer">https://example.com/#:~:text=illustrative%20examples</a></p>
<p>test5: <a href="https://example.com/#:%7E:text=illustrative%20examples" rel="nofollow noreferrer">https://example.com/#:~:text=illustrative%20examples</a></p>

 

test1

test2

test3

test4: https://example.com/#!$'()*+./:;=?@_~&,-

test5: https://example.com/#!$'()*+./:;=?@_~&,-

Text Fragment Linking

test1 [text](link)

test2 [text][ref]

test3: https://example.com/#:~:text=illustrative%20examples

test4: https://example.com/#:~:text=illustrative%20examples

test5 <a href="">...</a> works

<a href="https://example.com/#:%7E:text=illustrative%20examples">
<a href="https://example.com/#:%7E:text=illustrative%20examples">
<a href="https://example.com/#:%7E:text=illustrative%20examples">
<a href="https://example.com/#:%7E:text=illustrative%20examples">
<a href="https://example.com/#:~:text=illustrative%20examples">

Using all allowed URL Code points in fragment

https://url.spec.whatwg.org/#url-code-points

test1

test2

test3: https://example.com/!$'()*+./:;=?@_~&,-

test4: https://example.com/!$'()*+./:;=?@_~&,-

test5

<a href="https://example.com/#!$%27()*+./:;=?@_%7E&amp;,-">
<a href="https://example.com/#!$%27()*+./:;=?@_%7E&amp;,-">
<a href="https://example.com/#!$%27()*+./:;=?@_%7E&amp;,-">
<a href="https://example.com/#!$%27()*+./:;=?@_%7E&amp;,-">
<a href="https://example.com/#!$%27()*+./:;=?@_~&amp;,-">
added 43 characters in body
Source Link

Text Fragment Linking

test1 [text](link)

test2 [text][ref]

test3 <a href=""> works

test4: https://example.com/#:~:text=illustrative%20examples

test5: https://example.com/#:~:text=illustrative%20examples

<p><a href="https://example.com/#:%7E:text=illustrative%20examples" rel="nofollow noreferrer">test1</a> <code>[text](link)</code></p>
<p><a href="https://example.com/#:%7E:text=illustrative%20examples" rel="nofollow noreferrer">test2</a> <code>[text][ref]</code></p>
<p><a href="https://example.com/#:~:text=illustrative%20examples" rel="nofollow noreferrer">test3</a> <code>&lt;a href=""&gt;</code> <strong>works</strong></p>
<p>test4: <a href="https://example.com/#:%7E:text=illustrative%20examples" rel="nofollow noreferrer">https://example.com/#:~:text=illustrative%20examples</a></p>
<p>test5: <a href="https://example.com/#:%7E:text=illustrative%20examples" rel="nofollow noreferrer">https://example.com/#:~:text=illustrative%20examples</a></p>

test1 test2test1

<a href="httpstest2

test3

test4://example.com/#!"#$%&'()+,-./:;<=>?@[]^_{|}~">test3</a> test4: https://example.com/#!"#$%&'()*+,-./:;<=>?@[\]^_{|}~ test5: <https://example.com/#!"#$%&'()+,-./ https://example.com/#!$'()*+./:;=?@_~&,-

test5:;<=>?@[]^_`{|}~> https://example.com/#!$'()*+./:;=?@_~&,-

Text Fragment Linking

test1 [text](link)

test2 [text][ref]

test3 <a href=""> works

test4: https://example.com/#:~:text=illustrative%20examples

test5: https://example.com/#:~:text=illustrative%20examples

<p><a href="https://example.com/#:%7E:text=illustrative%20examples" rel="nofollow noreferrer">test1</a> <code>[text](link)</code></p>
<p><a href="https://example.com/#:%7E:text=illustrative%20examples" rel="nofollow noreferrer">test2</a> <code>[text][ref]</code></p>
<p><a href="https://example.com/#:~:text=illustrative%20examples" rel="nofollow noreferrer">test3</a> <code>&lt;a href=""&gt;</code> <strong>works</strong></p>
<p>test4: <a href="https://example.com/#:%7E:text=illustrative%20examples" rel="nofollow noreferrer">https://example.com/#:~:text=illustrative%20examples</a></p>
<p>test5: <a href="https://example.com/#:%7E:text=illustrative%20examples" rel="nofollow noreferrer">https://example.com/#:~:text=illustrative%20examples</a></p>

test1 test2

<a href="https://example.com/#!"#$%&'()+,-./:;<=>?@[]^_{|}~">test3</a> test4: https://example.com/#!"#$%&'()*+,-./:;<=>?@[\]^_{|}~ test5: <https://example.com/#!"#$%&'()+,-./:;<=>?@[]^_`{|}~>

Text Fragment Linking

test1 [text](link)

test2 [text][ref]

test3 <a href=""> works

test4: https://example.com/#:~:text=illustrative%20examples

test5: https://example.com/#:~:text=illustrative%20examples

<p><a href="https://example.com/#:%7E:text=illustrative%20examples" rel="nofollow noreferrer">test1</a> <code>[text](link)</code></p>
<p><a href="https://example.com/#:%7E:text=illustrative%20examples" rel="nofollow noreferrer">test2</a> <code>[text][ref]</code></p>
<p><a href="https://example.com/#:~:text=illustrative%20examples" rel="nofollow noreferrer">test3</a> <code>&lt;a href=""&gt;</code> <strong>works</strong></p>
<p>test4: <a href="https://example.com/#:%7E:text=illustrative%20examples" rel="nofollow noreferrer">https://example.com/#:~:text=illustrative%20examples</a></p>
<p>test5: <a href="https://example.com/#:%7E:text=illustrative%20examples" rel="nofollow noreferrer">https://example.com/#:~:text=illustrative%20examples</a></p>

test1

test2

test3

test4: https://example.com/#!$'()*+./:;=?@_~&,-

test5: https://example.com/#!$'()*+./:;=?@_~&,-

added 43 characters in body
Source Link
Loading
added 43 characters in body
Source Link
Loading
added 43 characters in body
Source Link
Loading
Source Link
Loading
Post Made Community Wiki by Grisha Levit