html – 两列表或dl?

前端之家收集整理的这篇文章主要介绍了html – 两列表或dl?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有以下内容我需要标记

课程要求:@H_404_3@

和日期:@H_404_3@

问题是是使用两列表格元素还是使用dl(description list)元素.我想要针对每个具体实例的响应,然后如果可能的话,一般应答.我一直无法确定这些元素,特别是如果表没有(或需要)标题.@H_404_3@

注意:我的问题不是我应该如何设计这些元素.在我决定语义之后,我会看到演示文稿.@H_404_3@

编辑:坚持HTML5草案的答案赞成坚持旧的HTML4建议的答案.@H_404_3@

解决方法

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

另一个经验法则:如果您不能在表版本上放置头,它应该是一个定义列表.@H_404_3@

这是因为一个好的列表应该没有意义的表,反之亦然.以下是一个好的定义列表的示例:@H_404_3@

高度
180厘米
重量
180公斤
电话
555-5555
123-4567@H_404_3@

当我们尝试将它转换成表时,我们得到…@H_404_3@

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

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

身高,体重和电话是完全不同的东西,与他们完全不同的定义.世界上哪一个555-5555和180cm属于同一列?这个不成立!@H_404_3@

但是,有时你会看到这样的表@H_404_3@

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

没有术语和定义作为标题,单元格的标题被假定为在第一列. IMHO当你有一个这样的表,你使用表错误,你应该使用一个定义列表而不是.对于一个表来说是正确的,它必须有多个行,每一行的每个单元格可以通过其列的标题来定义.@H_404_3@

例如:@H_404_3@

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

约翰和杰克是名字. 180厘米和170厘米高. 180kg和155kg是重量.您的单元格与其行和列之间有重要关系,您不能将其放在定义列表中,而不会导致重要的关系.所以在这种情况下应该使用一个表.@H_404_3@

TL; DR:
你的问题中的两个列表可以有标题.所以应该是一张桌子.@H_404_3@

看到:@H_404_3@

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

猜你在找的HTML相关文章