dl标签,描述列表元素

帆 2024-08-22 0 阅读 0 评论

  html dl标签代表 HTML 文档中的描述列表。该元素包含一组术语(使用元素指定)和描述(由元素提供)的列表。此元素的常见用途是实现词汇表或显示元数据(键值对列表)。<dl> <dt><dd>

  在描述列表(也称为关联列表或定义列表)中,每个列表项包含两个或多个条目;一个术语(dt)和一个描述(dd)。

  请注意,定义术语可以链接到多个描述。单个描述也可以有多个术语(例如,在定义术语有多种拼写的情况下)。在这种情况下,每个术语都必须包含在其自己的一组标签中dt(单个元素中不应有多个术语dt)。

  还要注意,定义术语(dt)并不表示其内容是一个正在定义的术语,但可以使用元素来表示dfn。

  标签<dl>的写法为,<dl></dl>在开始和结束标签之间插入<dt>和<dd>元素。这些元素的数量取决于列表中定义术语和描述的数量。

  <dl>
  <dt>术语...</dt>
  <dd>描述...</dd>
  <dt>术语...</dt>
  <dd>描述...</dd>
  </dl>

  无障碍设施

  每个屏幕阅读器显示的<dl>内容都不同,包括总数、术语/定义上下文和导航方法。这些差异不一定是错误。从 iOS 14 开始,VoiceOver 会<dl>在使用虚拟光标导航时(而不是通过 read-all 命令)宣布内容是列表。VoiceOver 不支持使用 的列表导航命令。将 ARIA和角色应用于构造时<dl>要小心,因为 VoiceOver(macOS 和 iOS)会调整它们的发音方式。 

  不要使用此元素(或<ul>元素)在页面上仅创建缩进。虽然这可行,但这是一种不好的做法,会掩盖描述列表的含义。

  全局属性

  以下属性是所有 HTML 元素的标准属性。因此,您可以将这些属性与 标签<dl>以及所有其他 HTML 标签一起使用。

  accesskey

  autocapitalize

  class

  contenteditable

  data-*

  dir

  draggable

  hidden

  id

  inputmode

  is

  itemid

  itemprop

  itemref

  itemscope

  itemtype

  lang

  part

  slot

  spellcheck

  style

  tabindex

  title

  translate

  有关这些属性的完整解释,请参阅HTML 5 全局属性。

  事件处理程序

  事件处理程序内容属性可让您从 HTML 中调用脚本。当发生某个“事件”时,将调用该脚本。每个事件处理程序内容属性处理不同的事件。

  onabort

  onauxclick

  onblur

  oncancel

  oncanplay

  oncanplaythrough

  onchange

  onclick

  onclose

  oncontextmenu

  oncopy

  oncuechange

  oncut

  ondblclick

  ondrag

  ondragend

  ondragenter

  ondragexit

  ondragleave

  ondragover

  ondragstart

  ondrop

  ondurationchange

  onemptied

  onended

  onerror

  onfocus

  onformdata

  oninput

  oninvalid

  onkeydown

  onkeypress

  onkeyup

  onlanguagechange

  onload

  onloadeddata

  onloadedmetadata

  onloadstart

  onmousedown

  onmouseenter

  onmouseleave

  onmousemove

  onmouseout

  onmouseover

  onmouseup

  onpaste

  onpause

  onplay

  onplaying

  onprogress

  onratechange

  onreset

  onresize

  onscroll

  onsecuritypolicyviolation

  onseeked

  onseeking

  onselect

  onslotchange

  onstalled

  onsubmit

  onsuspend

  ontimeupdate

  ontoggle

  onvolumechange

  onwaiting

  onwheel

  大多数事件处理程序内容属性可以在所有 HTML 元素上使用,但某些事件处理程序对其使用时间以及适用元素有特定的规则。

本文来源:重庆seo博客

本文地址:https://focusonseo.cn/htmlbiaoqian/171.html

文章声明:以上内容(如有图片或视频亦包括在内)除非注明,否则均为重庆seo博客原创文章,转载或复制请以超链接形式并注明出处。

相关文章