html <dl> 标签

<!-- <dl class="top_operate top_moblie">
<dt><a href="http://m.xxx.com/" target="_blank" rel="nofollow">Mobile</a><i class="triangle bottom_tri"></i></dt>
<dd class="top_moblie_List">
<img src="images/mobile.png">
<a href="http://m.xxxx.com/" target="_blank">Mobile Site</a>
<i class="arrow"></i>
</dd>
</dl> -->

<script type="text/javascript">
$(document).ready(function(){
var tt;
$("#currency_selector").mouseover(function(){
var offset=$("#currency_selector").offset();
$("#currency_selector").addClass('focus');
$(".js_bzList").show();
});
$("#currency_selector").mouseleave(function(){
tt=setTimeout(function(){
$("#currency_selector").removeClass('focus');
$(".js_bzList").hide();
},200);
});
$(".js_bzList").mouseover(function(){
clearTimeout(tt);
});
$(".js_bzList").mouseleave(function(){
$("#currency_selector").removeClass('focus');
$(".js_bzList").hide();
});

$(".top_moblie").mouseover(function(){
$(".top_moblie_List").show();
});
$(".top_moblie").mouseleave(function(){
$(".top_moblie_List").hide();
});
$(".top_account").mouseover(function(){
$(".top_account_List").show();
});
$(".top_account").mouseleave(function(){
$(".top_account_List").hide();
});
$(".top_liveChat").mouseover(function(){
$(".top_liveChat_Box").show();
});
$(".top_liveChat").mouseleave(function(){
$(".top_liveChat_Box").hide();
});
});
</script>

HTML <dl> 标签

实例

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

亲自试一试

浏览器支持

IE	Firefox	Chrome	Safari	Opera

所有浏览器都支持 <dl> 标签。

定义和用法

<dl> 标签定义了定义列表（definition list）。

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

HTML 与 XHTML 之间的差异

NONE

全局属性

<dl> 标签支持 HTML 中的全局属性。

事件属性

<dl> 标签支持 HTML 中的事件属性。

TIY 实例

定义列表

本例演示一个定义列表。