如何在HTML5中创建定义列表？

描述列表——以前称为定义列表——提供了一种术语及其定义的有序排列。

为了定义定义列表，使用以下标签：

  • <dl> − 这是定义列表。它像表格一样存储术语及其定义。

  • <dt> − 这是要定义的术语。它保存待定义的短语。

  • <dd> − 这是描述或定义。它包含特定术语的定义。

使用这些标签，

以下是一些例子…

示例

在下面的示例中，我们使用<dl>、<dt>、<dd>标签向我们的网页添加定义。

<html>
<body>
   <h1>DEFINITIONS</h1>
   <dl>
      <dt>SGML</dt>
      <dd>The Standard Generalized Markup Language. </dd>
      <dt>HTML</dt>
      <dd>The Hypertext Markup Language.</dd>
      <dd>The Markup Language You Use To Create Web Pages.</dd>
      <dt>XML</dt>
      <dd>The Extensible Markup Language.</dd>
   </dl>
</body>
</html>

输出

执行上述脚本后，它将分两步显示文本：一个作为短语，一个作为定义。

示例：使用div包装

在下面的示例中，我们使用div元素将名称-值元素组合在一起：

<html>
<body>
   <h1>DEFINITIONS</h1>
   <dl>
      <div>
         <dt>TutorialsPoint</dt>
         <dd>Leading providers of web based tutorials on Computer Science academic subjects, Computer Languages, Management, Telecom, and other miscellaneous subjects</dd>
      </div>
      <div>
         <dt>Established in</dt>
         <dd>2006</dd>
      </div>
   </dl>
</body>
</html>

输出

执行上述脚本后，定义列表如下所示。TutorialsPoint及其定义作为一个组，成立年份作为一个组。

更新于：2022年9月5日

2K+ 次查看

启动你的职业生涯

完成课程获得认证

开始学习
广告