什么是<dl>标记为?

2023-07-31前端开发问题
30

本文介绍了什么是<dl>标记为?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着跟版网的小编来一起学习吧!

问题描述

使用<dl>、<dt>有什么合乎逻辑的理由吗?和 <dd>标签而不是嵌套的 CSS 样式的 <ul>和<ol>标签?或者它们只是一组等待被弃用的过时标签?

Is there any logical reason for using the <dl>, <dt> and <dd> tags instead of nested, CSS-styled <ul> and <ol> tags? Or are they just an outdated group of tags waiting to be deprecated?

推荐答案

引用W3C 规范:

dl 元素表示一个由零个或多个名称-值组组成的关联列表(描述列表).每个组必须由一个或多个名称(dt 元素)后跟一个或多个值(dd 元素)组成.在单个 dl 元素中,每个名称不应有多个 dt 元素.

The dl element represents an association list consisting of zero or more name-value groups (a description list). Each group must consist of one or more names (dt elements) followed by one or more values (dd elements). Within a single dl element, there should not be more than one dt element for each name.

所以 <dl><dt><dd> 标签的主要原因是为了保留语义如果您只使用嵌套列表,这些名称-值对的连接会丢失.

So the main reason for the <dl>, <dt> and <dd> tags are to preserve the semantic connection for those name-value pairs, which would get lost, if you just used nested lists.

如果您使用嵌套列表,这可能出于各种原因(目前,例如,许多菜单被构建为嵌套列表),并且爬虫或任何其他尊重语义注释的系统都无法区分.

If you use nested lists, this could be done for various reasons (currently, e.g., many menus are structured into nested lists) and crawlers or any other system, that respects semantic annotations, would not be able to tell the difference.

但是,如果您使用上述标签,系统可以看到连接并采取相应措施.因此,未来的用途可能是提取较大文档中的所有术语定义,以创建某种词汇表.

If you use the above tags, however, a system can see the connection and act accordingly. So a future use maybe to extract all definitions of terms inside a larger document to create some kind of glossary.

这篇关于什么是&lt;dl&gt;标记为?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持跟版网!

The End

相关推荐

layui 实现实时刷新一个外部的div
主页面上显示了一个合计,在删除和增加的时候需要更改这个总套数的值: //html代码div class="layui-inline layui-show-xs-block" style="margin-left: 10px" id="sumDiv"spanSOP合计:/spanspan${totalNum}/spanspan套/span/div 于是在我们删除这个条数据后,...
2024-11-14 前端开发问题
156

layui要如何改变时间日历布局大小?
问题描述 我想改变layui时间日历布局大小,这个要怎么操作呢? 解决办法 可以用css样式对时间日历进行重新布局,具体代码如下: !DOCTYPE htmlhtmlheadmeta charset="UTF-8"title/titlelink rel="stylesheet" href="../../layui/css/layui.css" /style#test-...
2024-10-24 前端开发问题
271

jQuery怎么动态向页面添加代码?
append() 方法在被选元素的结尾(仍然在内部)插入指定内容。 语法: $(selector).append( content ) var creatPrintList = function(data){ var innerHtml = ""; for(var i =0;i data.length;i++){ innerHtml +="li class='contentLi'"; innerHtml +="a href...
2024-10-18 前端开发问题
125

layui 表格的默认工具栏添加自定义按钮
首先定义table: var tableIns = table.render({ elem:'#businessUserListTable' ,url: ctx+'/business/businessUser/query' ,error:admin.error ,cellMinWidth: 80// ,width:3700 ,toolbar: '#businessUserListTable-toolbar' ,defaultToolbar: [{ title: '...
2024-06-12 前端开发问题
146

“数组中的每个孩子都应该有一个唯一的 key prop"仅在第一次呈现页面时
quot;Each child in an array should have a unique key propquot; only on first time render of page(“数组中的每个孩子都应该有一个唯一的 key prop仅在第一次呈现页面时)...
2024-04-20 前端开发问题
5

CoffeeScript 总是以匿名函数返回
CoffeeScript always returns in anonymous function(CoffeeScript 总是以匿名函数返回)...
2024-04-20 前端开发问题
13