什么是<dl>标记为?

What#39;s the lt;dlgt; tag for?(什么是lt;dlgt;标记为?)
本文介绍了什么是<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;标记为?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持编程学习网!

本站部分内容来源互联网,如果有图片或者内容侵犯您的权益请联系我们删除!

相关文档推荐

how to remove this error quot;Response must contain an array at quot; . quot;.quot; while making dropdown(如何删除此错误quot;响应必须在quot;处包含数组。创建下拉菜单时(Q;))
Why is it necessary to use `document.createElementNS` when adding `svg` tags to an HTML document via JS?(为什么在通过JS为一个HTML文档添加`svg`标签时,需要使用`Document.createElementNS`?)
wkhtmltopdf print-media-type uses @media print ONLY and ignores the rest(Wkhtmltopdf print-media-type仅使用@media print,而忽略其余内容)
React Native update FlatList data in pure component(纯组件中的反应本机更新FlatList数据)
price depend on selection of radio input(价格取决于无线电输入的选择)
calculate price depend on selection without button(根据没有按钮的选择计算价格)