Skip to content

The anchor HTML tag

The anchor HTML tag is used to create hyperlinks. See MDN : The Anchor element for its description.

The goal here is to test variations of the attributes.

Details

content content Example
<a href='https://funfedi.dev'>funfedi</a>
<a href="https://funfedi.dev">funfedi</a>
<a href='https://funfedi.dev' hreflang='en'>hreflang en</a>
<a href="https://funfedi.dev">hreflang en</a>
<a href='https://funfedi.dev' target='_self'>target _self</a>
<a href="https://funfedi.dev">target _self</a>
<a href='https://funfedi.dev' target='_blank'>target _blank</a>
<a href="https://funfedi.dev">target _blank</a>
<a href='https://funfedi.dev' class='fun-red-link'>fun-red-link class</a>
<a href="https://funfedi.dev">fun-red-link class</a>
<a href='https://funfedi.dev' class='mention'>class mention</a>
<a href="https://funfedi.dev" class="mention">class mention</a>
<a href='https://funfedi.dev' class='hashtag'>class hashtag</a>
<a href="https://funfedi.dev" class="hashtag">class hashtag</a>
<a href='https://funfedi.dev/assets/samples.zip' download='samples.zip'>download</a>
<a href="https://funfedi.dev/assets/samples.zip">download</a>
<a href='https://funfedi.dev' rel='$tag'>rel $tag</a>
<a href="https://funfedi.dev">rel $tag</a>
<a href='https://funfedi.dev' rel='$nofollow'>rel $nofollow</a>
<a href="https://funfedi.dev">rel $nofollow</a>
<a href='https://funfedi.dev' rel='$opener'>rel $opener</a>
<a href="https://funfedi.dev">rel $opener</a>
<a href='https://funfedi.dev' rel='$noopener'>rel $noopener</a>
<a href="https://funfedi.dev">rel $noopener</a>
<a href='https://funfedi.dev' rel='$noreferrer'>rel $noreferrer</a>
<a href="https://funfedi.dev">rel $noreferrer</a>
<a href='https://funfedi.dev' rel='$custom'>rel $custom</a>
<a href="https://funfedi.dev">rel $custom</a>
<a href='https://funfedi.dev' rel='$me'>rel $me</a>
<a href="https://funfedi.dev">rel $me</a>
<a href='https://funfedi.dev' rel='$external'>rel $external</a>
<a href="https://funfedi.dev">rel $external</a>
<a href='https://funfedi.dev' rel='$canonical'>rel $canonical</a>
<a href="https://funfedi.dev">rel $canonical</a>
<a href='https://funfedi.dev' rel='$alternate'>rel $alternate</a>
<a href="https://funfedi.dev">rel $alternate</a>
content content Example
<a href='https://funfedi.dev'>funfedi</a>
<a href="https://funfedi.dev" rel="nofollow noreferrer noopener" target="_blank">funfedi</a>
<a href='https://funfedi.dev' hreflang='en'>hreflang en</a>
<a href="https://funfedi.dev" rel="nofollow noreferrer noopener" target="_blank">hreflang en</a>
<a href='https://funfedi.dev' target='_self'>target _self</a>
<a href="https://funfedi.dev" rel="nofollow noreferrer noopener" target="_blank">target _self</a>
<a href='https://funfedi.dev' target='_blank'>target _blank</a>
<a href="https://funfedi.dev" rel="nofollow noreferrer noopener" target="_blank">target _blank</a>
<a href='https://funfedi.dev' class='fun-red-link'>fun-red-link class</a>
<a href="https://funfedi.dev" class="fun-red-link" rel="nofollow noreferrer noopener" target="_blank">fun-red-link class</a>
<a href='https://funfedi.dev' class='mention'>class mention</a>
<a href="https://funfedi.dev" class="mention" rel="nofollow noreferrer noopener" target="_blank">class mention</a>
<a href='https://funfedi.dev' class='hashtag'>class hashtag</a>
<a href="https://funfedi.dev" class="hashtag" rel="nofollow noreferrer noopener" target="_blank">class hashtag</a>
<a href='https://funfedi.dev/assets/samples.zip' download='samples.zip'>download</a>
<a href="https://funfedi.dev/assets/samples.zip" rel="nofollow noreferrer noopener" target="_blank">download</a>
<a href='https://funfedi.dev' rel='$tag'>rel $tag</a>
<a href="https://funfedi.dev" rel="$tag nofollow noreferrer noopener" target="_blank">rel $tag</a>
<a href='https://funfedi.dev' rel='$nofollow'>rel $nofollow</a>
<a href="https://funfedi.dev" rel="$nofollow noreferrer noopener" target="_blank">rel $nofollow</a>
<a href='https://funfedi.dev' rel='$opener'>rel $opener</a>
<a href="https://funfedi.dev" rel="$opener nofollow noreferrer noopener" target="_blank">rel $opener</a>
<a href='https://funfedi.dev' rel='$noopener'>rel $noopener</a>
<a href="https://funfedi.dev" rel="$noopener nofollow noreferrer" target="_blank">rel $noopener</a>
<a href='https://funfedi.dev' rel='$noreferrer'>rel $noreferrer</a>
<a href="https://funfedi.dev" rel="$noreferrer nofollow noopener" target="_blank">rel $noreferrer</a>
<a href='https://funfedi.dev' rel='$custom'>rel $custom</a>
<a href="https://funfedi.dev" rel="$custom nofollow noreferrer noopener" target="_blank">rel $custom</a>
<a href='https://funfedi.dev' rel='$me'>rel $me</a>
<a href="https://funfedi.dev" rel="$me nofollow noreferrer noopener" target="_blank">rel $me</a>
<a href='https://funfedi.dev' rel='$external'>rel $external</a>
<a href="https://funfedi.dev" rel="$external nofollow noreferrer noopener" target="_blank">rel $external</a>
<a href='https://funfedi.dev' rel='$canonical'>rel $canonical</a>
<a href="https://funfedi.dev" rel="$canonical nofollow noreferrer noopener" target="_blank">rel $canonical</a>
<a href='https://funfedi.dev' rel='$alternate'>rel $alternate</a>
<a href="https://funfedi.dev" rel="$alternate nofollow noreferrer noopener" target="_blank">rel $alternate</a>
content content Example
<a href='https://funfedi.dev'>funfedi</a>
<a href="https://funfedi.dev">funfedi</a>
<a href='https://funfedi.dev' hreflang='en'>hreflang en</a>
<a href="https://funfedi.dev" hreflang="en">hreflang en</a>
<a href='https://funfedi.dev' target='_self'>target _self</a>
<a href="https://funfedi.dev" target="_self">target _self</a>
<a href='https://funfedi.dev' target='_blank'>target _blank</a>
<a href="https://funfedi.dev" target="_blank">target _blank</a>
<a href='https://funfedi.dev' class='fun-red-link'>fun-red-link class</a>
<a href="https://funfedi.dev" class="fun-red-link">fun-red-link class</a>
<a href='https://funfedi.dev' class='mention'>class mention</a>
<a href="https://funfedi.dev" class="mention">class mention</a>
<a href='https://funfedi.dev' class='hashtag'>class hashtag</a>
<a href="https://funfedi.dev" class="hashtag">class hashtag</a>
<a href='https://funfedi.dev/assets/samples.zip' download='samples.zip'>download</a>
<a href="https://funfedi.dev/assets/samples.zip">download</a>
<a href='https://funfedi.dev' rel='$tag'>rel $tag</a>
<a href="https://funfedi.dev" rel="$tag">rel $tag</a>
<a href='https://funfedi.dev' rel='$nofollow'>rel $nofollow</a>
<a href="https://funfedi.dev" rel="$nofollow">rel $nofollow</a>
<a href='https://funfedi.dev' rel='$opener'>rel $opener</a>
<a href="https://funfedi.dev" rel="$opener">rel $opener</a>
<a href='https://funfedi.dev' rel='$noopener'>rel $noopener</a>
<a href="https://funfedi.dev" rel="$noopener">rel $noopener</a>
<a href='https://funfedi.dev' rel='$noreferrer'>rel $noreferrer</a>
<a href="https://funfedi.dev" rel="$noreferrer">rel $noreferrer</a>
<a href='https://funfedi.dev' rel='$custom'>rel $custom</a>
<a href="https://funfedi.dev" rel="$custom">rel $custom</a>
<a href='https://funfedi.dev' rel='$me'>rel $me</a>
<a href="https://funfedi.dev" rel="$me">rel $me</a>
<a href='https://funfedi.dev' rel='$external'>rel $external</a>
<a href="https://funfedi.dev" rel="$external">rel $external</a>
<a href='https://funfedi.dev' rel='$canonical'>rel $canonical</a>
<a href="https://funfedi.dev" rel="$canonical">rel $canonical</a>
<a href='https://funfedi.dev' rel='$alternate'>rel $alternate</a>
<a href="https://funfedi.dev" rel="$alternate">rel $alternate</a>
content content Example
<a href='https://funfedi.dev'>funfedi</a>
<a href="https://funfedi.dev" rel="nofollow noopener" target="_blank">funfedi</a>
<a href='https://funfedi.dev' hreflang='en'>hreflang en</a>
<a href="https://funfedi.dev" rel="nofollow noopener" target="_blank">hreflang en</a>
<a href='https://funfedi.dev' target='_self'>target _self</a>
<a href="https://funfedi.dev" rel="nofollow noopener" target="_blank">target _self</a>
<a href='https://funfedi.dev' target='_blank'>target _blank</a>
<a href="https://funfedi.dev" rel="nofollow noopener" target="_blank">target _blank</a>
<a href='https://funfedi.dev' class='fun-red-link'>fun-red-link class</a>
<a href="https://funfedi.dev" class="" rel="nofollow noopener" target="_blank">fun-red-link class</a>
<a href='https://funfedi.dev' class='mention'>class mention</a>
<a href="https://funfedi.dev" class="mention" rel="nofollow noopener" target="_blank">class mention</a>
<a href='https://funfedi.dev' class='hashtag'>class hashtag</a>
<a href="https://funfedi.dev" class="hashtag" rel="nofollow noopener" target="_blank">class hashtag</a>
<a href='https://funfedi.dev/assets/samples.zip' download='samples.zip'>download</a>
<a href="https://funfedi.dev/assets/samples.zip" rel="nofollow noopener" target="_blank">download</a>
<a href='https://funfedi.dev' rel='$tag'>rel $tag</a>
<a href="https://funfedi.dev" rel="nofollow noopener" target="_blank">rel $tag</a>
<a href='https://funfedi.dev' rel='$nofollow'>rel $nofollow</a>
<a href="https://funfedi.dev" rel="nofollow noopener" target="_blank">rel $nofollow</a>
<a href='https://funfedi.dev' rel='$opener'>rel $opener</a>
<a href="https://funfedi.dev" rel="nofollow noopener" target="_blank">rel $opener</a>
<a href='https://funfedi.dev' rel='$noopener'>rel $noopener</a>
<a href="https://funfedi.dev" rel="nofollow noopener" target="_blank">rel $noopener</a>
<a href='https://funfedi.dev' rel='$noreferrer'>rel $noreferrer</a>
<a href="https://funfedi.dev" rel="nofollow noopener" target="_blank">rel $noreferrer</a>
<a href='https://funfedi.dev' rel='$custom'>rel $custom</a>
<a href="https://funfedi.dev" rel="nofollow noopener" target="_blank">rel $custom</a>
<a href='https://funfedi.dev' rel='$me'>rel $me</a>
<a href="https://funfedi.dev" rel="nofollow noopener" target="_blank">rel $me</a>
<a href='https://funfedi.dev' rel='$external'>rel $external</a>
<a href="https://funfedi.dev" rel="nofollow noopener" target="_blank">rel $external</a>
<a href='https://funfedi.dev' rel='$canonical'>rel $canonical</a>
<a href="https://funfedi.dev" rel="nofollow noopener" target="_blank">rel $canonical</a>
<a href='https://funfedi.dev' rel='$alternate'>rel $alternate</a>
<a href="https://funfedi.dev" rel="nofollow noopener" target="_blank">rel $alternate</a>
content text Example
<a href='https://funfedi.dev'>funfedi</a>
[funfedi](https://funfedi.dev)
<a href='https://funfedi.dev' hreflang='en'>hreflang en</a>
[hreflang en](https://funfedi.dev)
<a href='https://funfedi.dev' target='_self'>target _self</a>
[target _self](https://funfedi.dev)
<a href='https://funfedi.dev' target='_blank'>target _blank</a>
[target _blank](https://funfedi.dev)
<a href='https://funfedi.dev' class='fun-red-link'>fun-red-link class</a>
[fun-red-link class](https://funfedi.dev)
<a href='https://funfedi.dev' class='mention'>class mention</a>
[class mention](https://funfedi.dev)
<a href='https://funfedi.dev' class='hashtag'>class hashtag</a>
[class hashtag](https://funfedi.dev)
<a href='https://funfedi.dev/assets/samples.zip' download='samples.zip'>download</a>
[download](https://funfedi.dev/assets/samples.zip)
<a href='https://funfedi.dev' rel='$tag'>rel $tag</a>
[rel $tag](https://funfedi.dev)
<a href='https://funfedi.dev' rel='$nofollow'>rel $nofollow</a>
[rel $nofollow](https://funfedi.dev)
<a href='https://funfedi.dev' rel='$opener'>rel $opener</a>
[rel $opener](https://funfedi.dev)
<a href='https://funfedi.dev' rel='$noopener'>rel $noopener</a>
[rel $noopener](https://funfedi.dev)
<a href='https://funfedi.dev' rel='$noreferrer'>rel $noreferrer</a>
[rel $noreferrer](https://funfedi.dev)
<a href='https://funfedi.dev' rel='$custom'>rel $custom</a>
[rel $custom](https://funfedi.dev)
<a href='https://funfedi.dev' rel='$me'>rel $me</a>
[rel $me](https://funfedi.dev)
<a href='https://funfedi.dev' rel='$external'>rel $external</a>
[rel $external](https://funfedi.dev)
<a href='https://funfedi.dev' rel='$canonical'>rel $canonical</a>
[rel $canonical](https://funfedi.dev)
<a href='https://funfedi.dev' rel='$alternate'>rel $alternate</a>
[rel $alternate](https://funfedi.dev)
content content Example
<a href='https://funfedi.dev'>funfedi</a>
<a href="https://funfedi.dev" rel="noopener">funfedi</a>
<a href='https://funfedi.dev' hreflang='en'>hreflang en</a>
<a href="https://funfedi.dev" hreflang="en" rel="noopener">hreflang en</a>
<a href='https://funfedi.dev' target='_self'>target _self</a>
<a href="https://funfedi.dev" rel="noopener">target _self</a>
<a href='https://funfedi.dev' target='_blank'>target _blank</a>
<a href="https://funfedi.dev" rel="noopener">target _blank</a>
<a href='https://funfedi.dev' class='fun-red-link'>fun-red-link class</a>
<a href="https://funfedi.dev" class="" rel="noopener">fun-red-link class</a>
<a href='https://funfedi.dev' class='mention'>class mention</a>
<a href="https://funfedi.dev" class="mention" rel="noopener">class mention</a>
<a href='https://funfedi.dev' class='hashtag'>class hashtag</a>
<a href="https://funfedi.dev" class="hashtag" rel="noopener">class hashtag</a>
<a href='https://funfedi.dev/assets/samples.zip' download='samples.zip'>download</a>
<a href="https://funfedi.dev/assets/samples.zip" rel="noopener">download</a>
<a href='https://funfedi.dev' rel='$tag'>rel $tag</a>
<a href="https://funfedi.dev" rel="noopener">rel $tag</a>
<a href='https://funfedi.dev' rel='$nofollow'>rel $nofollow</a>
<a href="https://funfedi.dev" rel="noopener">rel $nofollow</a>
<a href='https://funfedi.dev' rel='$opener'>rel $opener</a>
<a href="https://funfedi.dev" rel="noopener">rel $opener</a>
<a href='https://funfedi.dev' rel='$noopener'>rel $noopener</a>
<a href="https://funfedi.dev" rel="noopener">rel $noopener</a>
<a href='https://funfedi.dev' rel='$noreferrer'>rel $noreferrer</a>
<a href="https://funfedi.dev" rel="noopener">rel $noreferrer</a>
<a href='https://funfedi.dev' rel='$custom'>rel $custom</a>
<a href="https://funfedi.dev" rel="noopener">rel $custom</a>
<a href='https://funfedi.dev' rel='$me'>rel $me</a>
<a href="https://funfedi.dev" rel="noopener">rel $me</a>
<a href='https://funfedi.dev' rel='$external'>rel $external</a>
<a href="https://funfedi.dev" rel="noopener">rel $external</a>
<a href='https://funfedi.dev' rel='$canonical'>rel $canonical</a>
<a href="https://funfedi.dev" rel="noopener">rel $canonical</a>
<a href='https://funfedi.dev' rel='$alternate'>rel $alternate</a>
<a href="https://funfedi.dev" rel="noopener">rel $alternate</a>
content content Example
<a href='https://funfedi.dev'>funfedi</a>
<a href="https://funfedi.dev">funfedi</a>
<a href='https://funfedi.dev' hreflang='en'>hreflang en</a>
<a href="https://funfedi.dev">hreflang en</a>
<a href='https://funfedi.dev' target='_self'>target _self</a>
<a href="https://funfedi.dev">target _self</a>
<a href='https://funfedi.dev' target='_blank'>target _blank</a>
<a href="https://funfedi.dev">target _blank</a>
<a href='https://funfedi.dev' class='fun-red-link'>fun-red-link class</a>
<a href="https://funfedi.dev">fun-red-link class</a>
<a href='https://funfedi.dev' class='mention'>class mention</a>
<a href="https://funfedi.dev" class="mention">class mention</a>
<a href='https://funfedi.dev' class='hashtag'>class hashtag</a>
<a href="https://funfedi.dev" class="hashtag">class hashtag</a>
<a href='https://funfedi.dev/assets/samples.zip' download='samples.zip'>download</a>
<a href="https://funfedi.dev/assets/samples.zip">download</a>
<a href='https://funfedi.dev' rel='$tag'>rel $tag</a>
<a href="https://funfedi.dev">rel $tag</a>
<a href='https://funfedi.dev' rel='$nofollow'>rel $nofollow</a>
<a href="https://funfedi.dev">rel $nofollow</a>
<a href='https://funfedi.dev' rel='$opener'>rel $opener</a>
<a href="https://funfedi.dev">rel $opener</a>
<a href='https://funfedi.dev' rel='$noopener'>rel $noopener</a>
<a href="https://funfedi.dev">rel $noopener</a>
<a href='https://funfedi.dev' rel='$noreferrer'>rel $noreferrer</a>
<a href="https://funfedi.dev">rel $noreferrer</a>
<a href='https://funfedi.dev' rel='$custom'>rel $custom</a>
<a href="https://funfedi.dev">rel $custom</a>
<a href='https://funfedi.dev' rel='$me'>rel $me</a>
<a href="https://funfedi.dev">rel $me</a>
<a href='https://funfedi.dev' rel='$external'>rel $external</a>
<a href="https://funfedi.dev">rel $external</a>
<a href='https://funfedi.dev' rel='$canonical'>rel $canonical</a>
<a href="https://funfedi.dev">rel $canonical</a>
<a href='https://funfedi.dev' rel='$alternate'>rel $alternate</a>
<a href="https://funfedi.dev">rel $alternate</a>
content content Example
<a href='https://funfedi.dev'>funfedi</a>
<p><a rel="nofollow noopener noreferrer" target="_blank" href="https://funfedi.dev">funfedi</a></p>
<a href='https://funfedi.dev' hreflang='en'>hreflang en</a>
<p><a rel="nofollow noopener noreferrer" target="_blank" href="https://funfedi.dev">hreflang en</a></p>
<a href='https://funfedi.dev' target='_self'>target _self</a>
<p><a rel="nofollow noopener noreferrer" target="_blank" href="https://funfedi.dev">target _self</a></p>
<a href='https://funfedi.dev' target='_blank'>target _blank</a>
<p><a rel="nofollow noopener noreferrer" target="_blank" href="https://funfedi.dev">target _blank</a></p>
<a href='https://funfedi.dev' class='fun-red-link'>fun-red-link class</a>
<p><a rel="nofollow noopener noreferrer" target="_blank" href="https://funfedi.dev">fun-red-link class</a></p>
<a href='https://funfedi.dev' class='mention'>class mention</a>
<p><a rel="nofollow noopener noreferrer" target="_blank" href="https://funfedi.dev">class mention</a></p>
<a href='https://funfedi.dev' class='hashtag'>class hashtag</a>
<p><a rel="nofollow noopener noreferrer" target="_blank" href="https://funfedi.dev">class hashtag</a></p>
<a href='https://funfedi.dev/assets/samples.zip' download='samples.zip'>download</a>
<p><a rel="nofollow noopener noreferrer" target="_blank" href="https://funfedi.dev/assets/samples.zip">download</a></p>
<a href='https://funfedi.dev' rel='$tag'>rel $tag</a>
<p><a rel="nofollow noopener noreferrer" target="_blank" href="https://funfedi.dev">rel $tag</a></p>
<a href='https://funfedi.dev' rel='$nofollow'>rel $nofollow</a>
<p><a rel="nofollow noopener noreferrer" target="_blank" href="https://funfedi.dev">rel $nofollow</a></p>
<a href='https://funfedi.dev' rel='$opener'>rel $opener</a>
<p><a rel="nofollow noopener noreferrer" target="_blank" href="https://funfedi.dev">rel $opener</a></p>
<a href='https://funfedi.dev' rel='$noopener'>rel $noopener</a>
<p><a rel="nofollow noopener noreferrer" target="_blank" href="https://funfedi.dev">rel $noopener</a></p>
<a href='https://funfedi.dev' rel='$noreferrer'>rel $noreferrer</a>
<p><a rel="nofollow noopener noreferrer" target="_blank" href="https://funfedi.dev">rel $noreferrer</a></p>
<a href='https://funfedi.dev' rel='$custom'>rel $custom</a>
<p><a rel="nofollow noopener noreferrer" target="_blank" href="https://funfedi.dev">rel $custom</a></p>
<a href='https://funfedi.dev' rel='$me'>rel $me</a>
<p><a rel="nofollow noopener noreferrer" target="_blank" href="https://funfedi.dev">rel $me</a></p>
<a href='https://funfedi.dev' rel='$external'>rel $external</a>
<p><a rel="nofollow noopener noreferrer" target="_blank" href="https://funfedi.dev">rel $external</a></p>
<a href='https://funfedi.dev' rel='$canonical'>rel $canonical</a>
<p><a rel="nofollow noopener noreferrer" target="_blank" href="https://funfedi.dev">rel $canonical</a></p>
<a href='https://funfedi.dev' rel='$alternate'>rel $alternate</a>
<p><a rel="nofollow noopener noreferrer" target="_blank" href="https://funfedi.dev">rel $alternate</a></p>