gpt4 book ai didi

html - 两列表或 dl?

转载 作者:技术小花猫 更新时间:2023-10-29 12:36:40 26 4
gpt4 key购买 nike

我有以下内容需要标记:

类(class)要求:

course requirements

日期:

dates

问题是是使用两列 table 元素还是 dl ( description list ) 元素。我想要针对每个特定实例的响应,然后如果可能的话一般响应。我总是难以决定这些元素,尤其是当 table 没有(或不需要)标题时。

注意:我的问题是不是我应该如何设置这些元素的样式。确定语义后,我将开始演示。

编辑:符合 HTML5 草案的答案优于符合旧 HTML4 建议的答案。

最佳答案

经验法则:如果您可以在表格版本上放置标题,则它应该不是定义列表。

另一个经验法则:如果您可以在表格版本上放置标题,那么它应该是一个定义列表。

那是因为一个好的列表应该没有表格的意义,反之亦然。这是一个好的定义列表的示例:

高度
180cm
体重
180公斤
电话
555-5555
123-4567

当我们尝试将其转换为表格时,我们得到...

Terms         Definitions------------------------Height        180cm Weight        180kg Telephones    555-5555               123-4567

查看列标题;这只是“术语”和“定义”!

高度、体重和电话是完全不同的东西,它们的定义完全不同。世界上哪里有555-5555和180cm在同一个栏目?这没有意义!

然而,有时你会看到这样的表格

Height        |    180cm Weight        |    180kg Telephones    |    555-5555               |    123-4567

标题没有术语和定义,单元格的标题假定在第一列。恕我直言,当您有这样的表格时,您使用的表格是错误的,您应该改用定义列表。要使表格合理,它必须有多个行,并且每行的每个单元格都可以由其列的标题定义。

例如:

Name    Height    Weight------------------------John    180cm     180kgJack    170cm     155kg 

约翰和 jack 是名字。 180cm和170cm是高度。 180kg和155kg是配重。单元格与它们的行和列之间存在重要关系,如果不切断这种重要关系,就不能将其放入定义列表中。所以在这种情况下应该使用表格。

长话短说:您问题中的两列表可以有标题。所以它应该是一张 table 。

参见:

Class                         Required Points---------------------------------------------Cohort Teaching               10 pts.Cohort Research and Report    20 pts.

关于html - 两列表或 dl?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8900571/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com