div中dl,dt,dd这组和ul,ol,li这组的区别?

发布网友发布时间：2022-05-02 11:20

我来回答

共4个回答

懂视网时间：2022-05-12 16:23

这次给大家带来在HTML的列表中，dl(dt,dd)、ul(li)、ol(li) 有什么不同，在HTML的列表中，使用dl(dt,dd)、ul(li)、ol(li) 的注意事项有哪些，下面就是实战案例，一起来看一下。

HTML <dl> 标签

#定义和用法

<dl> 标签定义了定义列表（definition list）。
<dl> 标签用于结合 <dt> （定义列表中的项目）和 <dd> （描述列表中的项目）。

#实例

代码如下:

<dl>
 <dt>计算机</dt>
 <dd>用来计算的仪器 ... ...</dd>
 <dt>显示器</dt>
 <dd>以视觉方式显示信息的装置 ... ...</dd>
</dl>

HTML <ul> 标签

#定义和用法

<ul> 标签定义无序列表。

#实例

无序 HTML 列表：

<ul>
 <li>Coffee</li>
 <li>Tea</li>
 <li>Milk</li>
</ul>

HTML <ol> 标签

#定义与用法

<ol> 标签定义有序列表。

#实例

有序 HTML 列表：

<ol>
 <li>Coffee</li>
 <li>Tea</li>
 <li>Milk</li>
</ol>

ul可以结合ol定义菜单及子菜单

<ul>
 <li><a href="#">内容过滤</a><li>
 <li><a href="#">词语过滤</a></li>
 <li class="s">
 <div class="lsub">
  <div>论坛</div>
  <ol>
  <li><a href="#">论坛主题管理</a></li>
  <li><a href="#">论坛批量删帖</a></li>
  </ol>
 </div>
 </li>
<ul>

相信看了这些案例你已经掌握了方法，更多精彩请关注Gxl网其它相关文章！