如何使 Div 元素可點選，同時保持 XHTML 1.1 合規性？

將 Div 轉換為符合 XHTML 1.1 的可點擊連結

需要將視覺豐富的

轉換為可點擊的連結。在各種 Web 開發場景中都會出現將元素新增至可點選連結而不變更其現有內容的情況。雖然包裝

的簡單方法是：在 內標籤可能看起來合乎邏輯，但它不符合 XHTML 1.1 驗證標準。

實現有效的 XHTML 1.1 解決方案

為了應對這個挑戰，需要一個更複雜的解決方案保持 XHTML 1.1 合規性。而不是直接包裹

與元素，建議：

• 建立預設連結： 在
  中放置一個連結元素()它將作為整個元素的主連結。
• 插入一個空範圍： 在 內元素，包含一個空的 span 標籤 ()。
• 定位元素： 分配「position:relative;」到
  ;
• 跨度的CSS： 將下列跨度：

{ 
  position:absolute; 
  width:100%;
  height:100%;
  top:0;
  left: 0;

  z-index: 1;

  /* fixes overlap error in IE7/8, 
     make sure you have an empty gif */
  background-image: url('empty.gif');
}   

此CSS 確保跨度覆蓋整個

並充當可點擊的鏈接，增強用戶可訪問性並保持 XHTML 1.1 合規性。