title: How (or should I) markup phone numbers in a website?
body: <p>Im mobile optimising a website with media queries. Without any extra markup the phone numbers seems to be recognised and become 'clickable' on iphones and android, but my windows phone emulator only recognises the 2nd 1/2 of one the numbers. </p>
  
  <p>This method doesnt work on opera mobile: </p>
  
  <pre><code>&lt;a href="tel:1234"&gt;1234&lt;/a&gt;
  </code></pre>
  
  <p><a href="http://developer.apple.com/library/safari/#codinghowtos/Mobile/UserExperience/_index.html" rel="nofollow">http://developer.apple.com/library/safari/#codinghowtos/Mobile/UserExperience/_index.html</a></p>
  
  <p>This method makes the link clickable in desktop browsers, even if the browser doesn't know how to handle the number: </p>
  
  <pre><code>&lt;a href=”#” tel=”1234”&gt;1234&lt;/a&gt;
  </code></pre>
  
  <p><a href="http://www.wpromote.com/blog/google/optimizing-your-web-site-for-mobile-3-easy-tips/" rel="nofollow">http://www.wpromote.com/blog/google/optimizing-your-web-site-for-mobile-3-easy-tips/</a></p>
  
  <p>So whats the best solution or trade off for markup around phone numbers? Thanks </p>