html定义列表元素d1

2012/11/17 12:11:27作者：佚名来源：网络

移动端

【实例介绍】

html定义列表元素d1

定义列表是一种两个层次的列表，用于解释名词的定义，名词为第一层次，解释为第二层次，并且不包含项目符号。定义列表也称为字典列表，因为它与字典具有相同的格式。在定义列表中，每个列表项带有一个缩进的定义字段，就好像字典对文字进行解释一样。通过<dl>、<dr>、<dd>标记建立定义列表。

【基本语法】

【语法介绍】

<dl></d1>标记用来创建定义列表，<dt</dt>标记用来创建列表中的上层项目，此标记只能在<dl></dl>标记中使用，显示时<dt></dt>标记定义的内容将左对齐。<dd></dd>标记用来创建列表中的下层项目，此标记也只能在<dl></dl>标记中使用，显示时<dd></dd>标记定义的内容将相对于<d></dt>标记定义的内容向右缩进。

【实例代码】


<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>定义列表元素</title>
</head>
<body>
<p><strong>公司招聘信息：</strong>
  <dl>
  <dt>职位要求：</dt>
<dd>女，158CM以上，五官端正，身体健康。</dd>
<dd>有一年以上工作经验，爱岗敬业，作风正派，无不良嗜好，无犯罪前科。</dd>
<dd>实行8小时工作制，月休4天，本职位一经录用，公司即提供具有竞争力的薪酬福利待遇。</dd>
<dt>享受待遇：</dt>
<dd>终身享受一流的国际化专业销售、管理等各项培训； </dd>
<dd>底薪+佣金+奖金+管理津贴+长期服务奖等多达20项收入+旅游等； </dd>
<dd>一旦录用，将享受完善的福利待遇（意外保险、医疗保险等）； </dd>
<dd>广阔的发展空间，公平、公开、透明的晋升制度。 </dd>
</dl><br />
<br />
</body>
</html>

【代码分析】

在代码中，加粗的部分用<dt></dt>标记定义了上层项目“职位要求”和“享受待遇”，并用<dd></dd>标记分别定义了其相应的下层项目，它们之间以缩进的形式使层次清晰，效果如图所示。

定义列表元素d1运行效果