title: Which is the best/correct way to represent a value in a span/div tag?
body: <p>Let's say i need to keep track of a value (product price) in html, to use it in javascript. For example:</p>
  
  <pre><code>Product A: $&lt;span&gt;200.00&lt;/span&gt;
  Product B: $&lt;span&gt;300.00&lt;/span&gt;
  </code></pre>
  
  <p>Not considering javascript here, but HTML, it's possible to describe the products and values in many ways, like:</p>
  
  <pre><code>&lt;span&gt;200&lt;/span&gt;
  &lt;span value="200"&gt;&lt;/span&gt;
  &lt;span data-value="200"&gt;&lt;/span&gt;
  &lt;span title="200"&gt;&lt;/span&gt;
  </code></pre>
  
  <p>etc...</p>
  
  <p>What is the nicer and semantically correct way to represent the value of the product?</p>