HTML中，我們常常需要創建“點擊查看答案”的功能，使得用戶可以通過點擊某個元素，查看隱藏的內容。這種功能可以使用JavaScript來實現，但是相應的代碼比較繁瑣，而且比較耗費性能。不過，HTML提供了一種簡單易用的方式來創建這種功能，那就是使用“details”和“summary”標簽。 在HTML5中，新增了“details”和“summary”標簽，用于創建帶有折疊效果的內容。我們可以將需要隱藏的內容放在“details”標簽內部，并利用“summary”標簽作為“點擊按鈕”，當用戶點擊“summary”標簽時，“details”標簽內部的內容就會展開或收起。整個過程不需要任何JavaScript代碼，而且非常簡單易用。 下面是一個例子，展示如何使用“details”和“summary”標簽來創建“點擊查看答案”的功能：

<details>
<summary>點擊查看答案</summary>
<p>這里是需要隱藏的答案內容。</p>
</details>

以上代碼中，我們首先使用“details”標簽來包裹需要隱藏的內容。然后，我們使用“summary”標簽來作為按鈕，用于展開或收起“details”標簽內部的內容。在“summary”標簽內部，我們可以放置任意文本或圖標，以達到不同的展示效果。 當用戶點擊“summary”標簽時，瀏覽器會自動顯示或隱藏“details”標簽內部的內容，從而實現“點擊查看答案”的效果。無論是在PC端還是移動端，都可以非常方便地使用這種方式來創建互動效果。 總結：HTML的“details”和“summary”標簽提供了一種簡單易用的方式來實現“點擊查看答案”的功能。在實際的開發過程中，我們可以利用這種方式來提高用戶體驗，使得頁面更加互動，更加生動。