Ik zag dit in een groot aantal producten. Het is een goede gewoonte om de links die naar externe bronnen verwijzen anders te stylen. Dit kan eenvoudig worden gedaan met de bovenstaande techniek. Laten we zeggen dat we de volgende alinea tekst hebben:
<p>
Arthur Wentzel is <a href="http://arthurwentzel.com">developer</a>.
</p>
We zouden na die link een klein pictogram kunnen toevoegen dat aangeeft dat deze verwijst naar een pagina buiten het huidige domein.
a {
text-decoration: none;
font-weight: bold;
color: #000;
}
a:after {
content: "";
display: inline-block;
background: url("icon-external.jpg") no-repeat top right;
width: 14px;
height: 12px;
}