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

Question

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

• 使用类和标题上隐藏/空<div>或<span>元素在<script>元素在页面

底部属性页面内

• JSON

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

• XML数据岛

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

Answer 1

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

隐藏元素使用CSS是一种脆弱的，因为某些客户端（不一定是浏览器，觉得搜索引擎）仍然可以看到他们的页面数据的一部分。

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

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

所以，在<script>元素存储数据听起来像最简单，最安全，最恰当的方式来回答这个问题。

Answer 2

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