集团`dt`和`dd`在``下dl` span`

本文介绍了集团`dt`和`dd`在``下dl` span`的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

我试图显示或内隐藏某些 DT / DD 组DL 。这是有效的HTML？如果浏览器抱怨这还是合法？我看了看 DL 规格，但找不到任何东西说， DL 可以包含其他的东西比 DT 和 DD 的孩子。我需要做的这是我使用 angularJS 提供添加或删除从 DOM元素的这种简洁的方式

 ＆LT; DL＆GT;
  ＆LT; DT＆GT;条款＆LT; / DT＆GT;
  ＆LT; DD＆GT;定义＆LT; / DD＆GT;  ＆LT;跨度NG-IF =真正的＆GT;
    ＆LT; DT＆GT;期限2'; / DT＆GT;
    ＆LT; DD＆GT;定义2'; / DD＆GT;
  ＆LT; / SPAN＆GT;
＆LT; / DL＆GT;

解决方案

这是无效的HTML5，因为的元素是

So dl can't contain span, but most browsers will render it correctly.

Instead of span, I suggest using di elements. They are invalid HTML5 too, but were valid in XHTML2.

<dl>
  <dt>Term</dt>
  <dd>Definition</dd>
  <di ng-if="true">
    <dt>Term 2</dt>
    <dd>Definition 2</dd>
  </di>
</dl>

However, the downside is that old IE won't recognize di, so it won't apply CSS styles to them unless you use document.createElement('di') while the document is loading.

这篇关于集团`dt`和`dd`在``下dl` span`的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！