在HTML頁面中包含數據的最佳方式是什麼？

Question

將數據包含在HTML頁面中的最佳方式是什麼？這些數據不是人類可讀的，並且一旦頁面被加載，將由腳本處理。我能想到的選項是：

• 使用類和標題上隱藏/空<div>或<span>元素在<script>元素在頁面

底部屬性頁面內

• JSON

• 加載頁面後通過XMLHttpRequest加載數據

• XML數據島

所有這些方法似乎都有缺點，所以我想知道你的想法是什麼。

Answer 1

我會在<script>元素使用JSON。其實，我會把它變成一個實際的腳本。瀏覽器將解析和評估JSON，因此請抓住機會將其存儲在某個變量中。

隱藏元素使用CSS是一種脆弱的，因爲某些客戶端（不一定是瀏覽器，覺得搜索引擎）仍然可以看到他們的頁面數據的一部分。

通過頁面加載後XHR加載數據是好的，但它不是嚴格意義上的問題的答案。它也慢一點，因爲它會導致額外的服務器往返（想想你的antipodean用戶，低延遲對他們來說非常重要）。

XML數據島：我不確定你指的是什麼，但它聽起來像是會引起很多驗證器投訴的東西，並且可能是脆弱的，因爲瀏覽器可能會呈現字符串節點。

所以，在<script>元素存儲數據聽起來像最簡單，最安全，最恰當的方式來回答這個問題。

Answer 2

我會用JSON去。或者其他一些JavaScript代碼，如果有理由的話。這對於腳本來說是最容易消耗的，並且僅限於腳本本身所限制的內容。