HTML5 data-* 屬性詳解：data-rel 與 Bootstrap 摺疊

語法規範

data-* 是 HTML5 規範的自定義數據屬性，命名規則：data- 前綴 + 任意小寫字母、數字、連字符。例如：data-user-id、data-toggle、data-rel。

data-rel 在 Bootstrap 中的含義

<a href="#collapseExample" data-toggle="collapse" data-rel="collapse">切換</a>
<div id="collapseExample" class="collapse">內容</div>

• data-toggle="collapse"：啟用 Bootstrap 摺疊插件。
• data-rel="collapse"：非標準屬性，可能是項目自定義標記，用於標識關聯的摺疊面板，或配合 JS 選擇器 $('[data-rel="collapse"]') 批量操作。
• collapse 是目標元素的 id 或 class，具體視 JS 邏輯而定。

JS 讀取方式

// 原生
var rel = element.dataset.rel; // "collapse"
// jQuery
var rel = $(element).data('rel');

參考資源

• MDN：Using data attributes
• Bootstrap 文檔：Collapse plugin