JSFiddle - React, Tailwind, and code Playground

HTML

<p>Example 1:</p>
<!-- Observe the URL in the new tab's address bar carefully. Note that the browser reads &sect; as a character entity and replaces it with its character-->
<a href="intel.cgi/&sect;=3" target=_blank>It displays a special character &sect; in the URL</a>

<br><br>

<!-- Observe the URL in the new tab's address bar carefully. Note that by replacing & with its character entity, we are able to preserve the URL -->
<a href="intel.cgi/&amp;sect;=3" target=_blank>Using &amp;amp; displays the URL correctly</a>

<br><br>

<p>Example 2: Can you write the character entity for less than &lt; as text?</p>
<!-- If you use it directly, the browser will replace the character entity with its character -->
<p>&lt;</p>

<!-- You can replace the & with its character entity to escape the character -->
<p>&amp;lt;</p>