HTML5 新增了許多新特性，其中之一是支持展示 JSON 數據。JSON（JavaScript Object Notation）是一種輕量級的數據交換格式，常用于前后端數據傳輸。下面我們來看看如何在 HTML5 中展示 JSON 數據。

{
"name": "John",
"age": 30,
"email": "john@example.com",
"address": {
"city": "New York",
"state": "NY",
"zip": "10001"
},
"interests": ["reading", "travelling", "cooking"]
}

上面是一個簡單的 JSON 數據示例，我們可以使用 HTML5 的<pre>標簽將其展示在頁面上：

<pre>
{
"name": "John",
"age": 30,
"email": "john@example.com",
"address": {
"city": "New York",
"state": "NY",
"zip": "10001"
},
"interests": ["reading", "travelling", "cooking"]
}
</pre>

當在瀏覽器中渲染這段代碼時，會自動將 JSON 數據格式化輸出，方便我們閱讀。如果我們不使用<pre>標簽，而是直接展示 JSON 字符串，那么它將會以純文本形式輸出，不易于閱讀。

除了使用<pre>標簽展示 JSON 數據，我們還可以使用一些第三方庫來實現更豐富的展示效果，例如JSON Formatter、JSONView等。

以上就是如何在 HTML5 中展示 JSON 數據的方法，適用于前后端開發者和數據分析師等各個領域。