当前位置: 首页 > 面试题库 >

用表格代替DIV

贲绪
2023-03-14
问题内容

在什么情况下应该选择表格而不是HTML编码中的DIV?


问题答案:

整个“ Tables vs Divs”事情几乎没有遗漏。它不是“表”或“ div”。它是关于使用语义html的。

即使div标签在布局合理的页面中也只占一小部分。不要过度使用它。如果正确放置html,则不需要那么多。诸如列表,字段集,图例,标签,段落等之类的内容可以代替通常用于完成div或span的大部分内容。Div应该主要在表示逻辑
div 含义时才使用,并且仅在绝对必要时才适用于额外的布局。表也​​是如此;当您拥有表格数据时使用它,否则不用。

这样一来,您将获得一个更具语义的页面,并且不需要在CSS中定义太多的类。您可以直接定位标签。可能最重要的是,您的网页在Google上的得分(轶事)要比同等的表格或div-
heavy页面高得多。最重要的是,它可以帮助您更好地与一部分受众建立联系。

因此,如果我们回顾一下table vs
div的观点,我认为我们实际上已经到了div被过度使用而table被未充分使用的地步。为什么?因为当您真正考虑它时,有很多东西属于“表格数据”类别,这些东西往往会被忽略。例如,在此网页上的答案和评论。它们由多个记录组成,每个记录具有相同的字段集。它们甚至存储在sql
server表中,用于大声喊叫。这是表格数据的确切定义。这意味着html table标记绝对是布局Stack
Overflow上的帖子之类的不错的语义选择。同样的原理也适用于许多其他事物。使用表格标签设置三列布局可能不是一个好主意,但是



 类似资料:
  • 问题内容: 我正在使用具有备用行颜色的表。 在这里,我使用class ,但是我只想使用。当我将类用于表时,这适用于替代方法。 我可以使用CSS这样编写HTML吗? 如何使用CSS使行具有“斑马条纹”? 问题答案: $(document).ready(function() 有一个CSS选择器,实际上是一个伪选择器,称为nth-child。在纯CSS中,您可以执行以下操作: 注意: IE 8不支持。

  • 问题内容: 我有一个PHP脚本,用户将输入一个名称,例如:, 但是,某些用户将使用空格而不是下划线,因此我的问题是: 如何在PHP中使用下划线自动替换空格? 问题答案:

  • 来自环境端点的默认JSON格式对于Spring应用程序的消费是完美的,因为它直接映射到Environment抽象。如果您喜欢,可以通过向资源路径(“.yml”,“.yaml”或“.properties”)添加后缀来使用与YAML或Java属性相同的数据。这对于不关心JSON端点的结构的应用程序或其提供的额外的元数据的应用程序来说可能是有用的,例如,不使用Spring的应用程序可能会受益于此方法的简

  • 问题内容: 现在我要使用 但这行不通,有什么想法吗? 问题答案: SQL不支持表名使用变量/ etc-支持您要求的唯一方法是使用动态SQL:

  • 问题内容: 这是一个从来没有一个正确答案的问题,我已经在网上搜索了很多次,却找不到解决方案。 它适用于Firefox,Chrome。我的responseText将像Réunion这样返回char,它将显示为奇怪的符号。 我尝试了许多方法,例如编码和解码,在响应文件中设置标头都无效。我没主意了。请帮助某人。 在主文件中,确保设置了内容类型和字符集。 在您的AJAX加载页面中,确保您位于顶部。 问题解

  • 在VisualStudio2010中,是否可以将TAB按钮设置为4个空格,而不是转到“编辑”-