在HTML中，我們可以通過標籤的屬性來定義其特性，例如顏色、大小、字體等等。但是，有時候我們需要爲某個標籤添加一些額外的信息，而這些信息並不是HTML規範中所定義的屬性。這時候，我們就需要使用自定義屬性。
自定義屬性是指在HTML標籤中自行定義的屬性，其名稱和值都由開發者自己定義。這些屬性不會影響頁面的顯示效果，但是可以用於JavaScript等腳本語言中進行操作和處理。自定義屬性的作用主要有以下兩個方面：
1. 爲標籤添加額外信息
有時候我們需要爲某個標籤添加一些額外的信息，而這些信息並不是HTML規範中所定義的屬性。例如，我們可以爲一個圖片標籤添加一個"data-src"屬性，用於存儲該圖片的真實地址，以便在JavaScript中進行加載。又如，我們可以爲一個鏈接標籤添加一個"data-url"屬性，用於存儲該鏈接的跳轉地址，以便在JavaScript中進行操作。
2. 便於JavaScript操作
自定義屬性的另一個作用是便於JavaScript操作。我們可以通過JavaScript獲取自定義屬性的值，從而進行一些操作和處理。例如，我們可以通過JavaScript獲取一個按鈕標籤的"data-action"屬性，根據其值來執行相應的操作。又如，我們可以通過JavaScript獲取一個表格標籤的"data-sort"屬性，根據其值來進行表格排序。
操作步驟
下面我們來看一下如何在HTML中定義和使用自定義屬性。
1. 定義自定義屬性
定義自定義屬性非常簡單，只需要在HTML標籤中添加一個以"data-"爲前綴的屬性即可。例如，我們可以爲一個圖片標籤定義一個"data-src"屬性，代碼如下：
2. 獲取自定義屬性的值
獲取自定義屬性的值也非常簡單，只需要使用JavaScript中的getAttribute()方法即可。例如，我們可以通過以下代碼獲取一個按鈕標籤的"data-action"屬性的值：
var btn = document.getElementById("myButton");
var action = btn.getAttribute("data-action");
小結
自定義屬性是一種非常實用的技術，可以爲HTML標籤添加額外的信息，也可以便於JavaScript操作。在實際開發中，我們可以根據需要自行定義和使用自定義屬性，以便更好地實現頁面功能和交互。
