解決 JSP 中 `` 標籤導致雙重 `` 標籤顯示的問題

代碼示例

<td width="9%">
  <a href="../city/query.html?interfaceId=${interfacesList.interfaceId}" title="詳情">
    <i class="fa fa-folder-open fa-2x"></i>
  </a>
  <a href="../city/update.html?interfaceId=${interfacesList.interfaceId}" title="修改">
    <i class="fa fa-pencil-square fa-2x"></i>
  </a>
  <c:if test="${interfacesList.bugs > 0}">
    <a href="../city/queryBugs.html?interfaceName=${interfacesList.interfaceName}&methodsName=${interfacesList.methodsName}&interfacePath=${interfacesList.interdacePath}" title="錯誤報告">
      <i class="fa fa-bug fa-2x"> 
    </a>
  </c:if>
</td>

根本原因

仔細觀察代碼可發現，在 `` 區塊內的 `` 標籤**缺少閉合標籤** `</i>`。瀏覽器在解析 HTML 時，會嘗試自動補全缺失的閉合標籤，導致產生額外的 `` 元素，進而造成雙重圖示現象。

<c:if test="${interfacesList.bugs > 0}">
  <a href="..." title="錯誤報告">
    <i class="fa fa-bug fa-2x"></i>
  </a>
</c:if>