当前位置: 首页 > article >正文

html中实用标签dl dt dd(有些小众的标签 但是很好用)

背景描述

html <dl> <dt> <dd>是一组合标签,他们与ol li、ul li标签很相似 但是他却是没有默认前缀并且有缩进的标签  使用方式与table表格的标签一致

使用方式

dt和dd是放于dl标签内,dt与dd处于dl下相同级。就是dt不能放入dd内,dd不能放入dt内,但是可以在dd内内嵌dl后再加入dt。在dl下,dt与dd处于同级标签,并且不能不加dl地单独使用dt标签或dd标签,dt相当于标题,dd相当于标题下内容,若无设置css样式  dd默认是缩进状态

示例

    <dl>
      <dt>2024.12.05</dt>
      <dt>一、微生物检验</dt>
      <dd>
        <dl>
          <dt>1、增加“SDD”敏感度</dt>
          <dt>2、修复折点范围无法获取问题</dt>
        </dl>
      </dd>
      <dt>二、血培养检验结果查询</dt>
      <dd>
        <dl>
          <dt>1、下载报告支持合并下载</dt>
        </dl>
      </dd>
    </dl>

注:为了体现dd内可以内嵌dl所以示例中就内嵌使用了,但是正常实现这个结构时 其实不需要再内嵌一个dl


http://www.kler.cn/a/445344.html

相关文章:

  • Expected end or semicolon (after name and no valid version specifier)
  • 非结构化数据分析与应用(Unstructured data analysis and applications)(pt3)图像数据分析1
  • NVR管理平台EasyNVR接入的安防监控摄像机如何计算音频码流?
  • 【python算法题目】统计一个文本中所有大写字母出现的次数
  • MySQL JOIN算法实现和选择
  • Go web 开发框架 Iris
  • 行政管理痛点解决方案:OA系统助力企业提效减负
  • MSOX4154G 混合信号示波器
  • wepack如何进行性能优化
  • Docker镜像启动
  • vue下拉加载页面切换回到当前滚动位置
  • 【Linux进程】进程间的通信
  • Dependency Check命令行方式扫描jar包的安全漏洞
  • VMWare 的克隆操作
  • NOTEBOOK_11 汽车电子设备分享(工作经验)
  • 解决小程序中ios可以正常滚动,而Android失效问题
  • pytorch repeat方法和expand方法的区别
  • BigBlueButton视频会议 vs 华为云会议的详细对比
  • Apache Tomcat 漏洞CVE-2024-50379条件竞争文件上传漏洞 servlet readonly spring boot 修复方式
  • VR虚拟展馆如何平衡用户隐私保护与数据收集?