在HTML页面中包含数据的最佳方法是什么？

Question

在HTML网页中包含数据的最佳方法是什么？数据不是人类可读的，一旦页面加载，将由脚本处理。我能想到的选择是：

• 在页面中的隐藏/空<div>或<span>元素上使用class和title属性

• 页面底部<script>元素中的JSON

• 页面加载后通过XMLHttpRequest加载数据

• XML数据岛

所有这些方法似乎都有缺点，所以我想知道你的想法是什么。

Answer 1

我会选择JSON。或者其他一些JavaScript代码，如果有理由的话。这对于脚本来说是最容易使用的，并且它仅限于脚本本身所限制的内容。

Answer 2

我会在<script>元素中使用JSON。实际上，我会把它变成一个真实的脚本。浏览器将解析并评估JSON，因此请抓住机会将其存储在某个变量中。

使用CSS隐藏元素有点脆弱，因为一些客户端（不一定是浏览器，认为搜索引擎）可能仍然将它们视为页面数据的一部分。

在页面加载完成后通过XHR加载数据很好，但它不是问题的严格答案。它也有点慢，因为它会导致额外的服务器往返（想想你的antipodean用户，低延迟对他们来说非常重要）。

XML数据岛：我不确定你指的是什么，但它听起来像会引起很多验证者投诉的东西，而且可能是脆弱的，因为字符串节点可以由浏览器呈现。

因此，将数据存储在<script>元素中听起来像是回答问题的最简单，最安全，最合适的方式。