title: When should I use a button (<button>) or a link (<a>) in HTML?
body: <p>I was reading the Bootstrap documentation about the button tags (<a href="http://getbootstrap.com/css/#buttons-tags" rel="noreferrer">http://getbootstrap.com/css/#buttons-tags</a>), as <code>&lt;button&gt;</code> and <code>&lt;a&gt;</code> tags have exactly the same appearance, and I found this :</p>
  
  <blockquote>
    <p><strong>Cross-browser rendering</strong></p>
    
    <p>As a best practice, we highly recommend using the <code>&lt;button&gt;</code> element
    whenever possible to ensure matching cross-browser rendering.</p>
  </blockquote>
  
  <p>What is the reason that can lead me to use a <code>&lt;button&gt;</code> tag (which doesn't have a href attribute) instead of a <code>&lt;a&gt;</code> for navigation ?</p>
  
  <p>Maybe <code>&lt;button&gt;</code> is better when designing web applications when it interacts with the page itself, and of course for submitting forms, but is it all ?</p>
  
  <p>[this question is related to <a href="https://stackoverflow.com/questions/19201420/seo-button-vs-a-html-tags">SEO: &lt;button&gt; vs &lt;a&gt; HTML tags</a> but the question is not the same]</p>