title: How to hide link information at the bottom left/right of the browser on hover
body: <p>How can I create a link that doesn't show its information at the bottom left or right (this depends on the link's position) when you hovering a hyperlink?
  Lets say that we have a link like this:</p>
  
  <pre><code> &lt;a href="/users"&gt;Users&lt;/a&gt;
  </code></pre>
  
  <p>and we want to hide its information or more precisely its hyperlink information that's displayed at the bottom left corner of the browser, like the example on the image below:</p>
  
  <p><img src="https://i.imgur.com/RHxmi8m.png"></p>
  
  <p>Now, I know this is possible because Stack Exchange network sites itself uses this for the <code>"Welcome Banner"</code> displayed on the front page for the very first time you visit each site.</p>
  
  <p>If you hover any of the links:</p>
  
  <ul>
  <li><p>Anybody can ask a question</p></li>
  <li><p>Anybody can answer</p></li>
  <li><p>The best answers are voted up and rise to the top</p></li>
  </ul>
  
  <p>You'll see that no <code>hyperlink</code> information is displayed. Check out image below to see <code>"Welcome Banner"</code></p>
  
  <p><img src="https://i.imgur.com/Na6rRWu.png"></p>