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

htmlweb developmentfront end technology更新于 2025/4/10 7:08:17

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

定义定义列表时，使用以下标签 -

<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>