title: Is it bad to add JSON on HTML data attribute?
body: <p>Since HTML <code>data</code> attribute allows adding any custom data, I wonder if it is a good idea to include a set of <code>JSON</code> list as a <code>data</code> attribute? Then, the corresponding <code>JSON</code> can be easily accessed by <code>JavaScript</code> events with <code>getAttribute("data-x")</code>.</p>
  
  <p>In fact, my question is that: Is it standard, efficient, and reasonable to add a large set of data to an <code>HTML</code> attribute?</p>
  
  <p>For example</p>
  
  <pre><code>&lt;div data-x="A LARGE SET OF JSON DATA" id="x"&gt;
  </code></pre>
  
  <p>Or a large set of JSON data must be stored within <code>&lt;script&gt;</code> tag, and an <code>HTML</code> attribute is not a right place for a large set of data, even for <code>data</code> attribute.</p>