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

前端开发教程 2025-02-08 0

描述列表（以前称为定义列表）提供术语及其定义的有组织的排列。

定义列表的标签如下所示：−

5c69336ffbc20d23018e48b396cdd57a − 这是定义列表。它将术语及其定义存储为行和数据的表格。
– 这是用于定义的术语。它使短语保持定义。
– 这用作描述或定义。它包含特定术语的定义。

使用这些标签，

以下是示例…

Example

的中文翻译为：

示例

在下面的示例中，我们使用5c69336ffbc20d23018e48b396cdd57a，73de882deff7a050a357292d0a1fca94，67bc4f89d416b0b8236eaa5f43dee742标签向我们的网页添加定义。

<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和其定义被分为一组，而成立年份被分为一组。

以上就是如何在HTML5中创建定义列表？的详细内容，更多请关注双恒网络其它相关文章！

声明：本站所有文章，如无特殊说明或标注，均为本站原创发布。任何个人或组织，在未征得本站同意时，禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益，可联系我们进行处理。