HTML是一種用于創建網頁的標記語言。它通過使用標簽來描述網頁的結構和內容。一個常用的HTML標簽是data屬性，它可以用來存儲和展示數據。下面我們來詳細了解一下data屬性。

<div data-id="1234" data-name="Tom"></div>

如上述代碼所示，data屬性可以通過在標簽內添加以"data-"為前綴的屬性名來設置。

data-id和data-name就是兩個自定義屬性，可隨意定義，根據需要設置大小寫、數字、中劃線等。

<script>
let elem = document.querySelector("[data-id='1234']");
console.log(elem.dataset.id); // 輸出：'1234'
</script>

上述代碼展示了如何通過JavaScript獲取元素的data屬性值。我們可以使用dataset屬性訪問data屬性值。dataset對象包含了元素中所有以"data-"為前綴的屬性和對應的值。

使用data屬性時需要注意以下幾點：

• 當屬性值為字符串時，可以直接設置，例如：data-name="Tom"。
• 當屬性值包含空格、逗號、方括號等特殊字符時，需要使用引號括起來，例如：data-name="[Tom, Jerry]"。
• 可以在同一標簽內設置多個data屬性，例如：data-id="1234" data-name="Tom"。

綜上所述，data屬性是一個很有用的工具，可以幫助我們存儲和展示數據。在使用時需要注意屬性值的格式和語法規則，以確保代碼正確運行。