代码之家  ›  专栏  ›  技术社区  ›  Brij

将表基设计转换为无表设计的工具

  •  2
  • Brij  · 技术社区  · 14 年前

    将表基设计转换为无表设计的最佳优化方法是什么?布局应该是跨浏览器兼容和搜索引擎优化友好。是否有任何工具/编辑器可以将现有的表基设计转换为无表设计?
    Dreamweaver中是否有将设计转换为无表的选项?

    4 回复  |  直到 11 年前
        1
  •  0
  •   Quentin    14 年前

    没有好的自动化方法可以做到这一点。

    如果您在布局表中标记了很好的内容,那么web开发人员可以使用css来实现类似的设计,并且可以将内容放入其中,但这是您真正希望的最好的设计。

        2
  •  2
  •   Arko    14 年前

    你为什么要那样做?

    表格将用于显示表格数据。在这种情况下,不需要使用任何其他标记。这很好,并且符合html规范。

    但是,不应使用表标记文档的布局。在这种情况下,您应该使用标题、div、段落、列表元素等的组合…用一些css样式。

    关于这个主题的一本好书是丹·塞德霍姆的《防弹网页设计》: http://simplebits.com/work/

        3
  •  1
  •   user487069    14 年前

    你为什么要那样做? -阿科

    答: 无障碍。

    很重要的一点是,web开发人员意识到了这一点。

    可访问性是使用表来表示表格数据的主要动机。表不用于定义内容的位置和布局。屏幕阅读器将表标记解释为表格数据(即,信息电子表格)。

    更多信息:

    • 残疾人权利法指南: http://www.usdoj.gov/crt/ada/cguide.htm
    • 《康复法》第504条 1973种: www.section508.gov/index.cfm?fuseAction=内容&id=15
    • 《康复法》第508条 1973种: www.section508.gov网站
    • 电讯第255条 1996法案: 网址:www.fcc.gov/cgb/dro/section255.html
    • 美国残疾人法案 1990种: www.ada.gov/pubs/ada.htm网站
        4
  •  1
  •   TechZilla    13 年前

    如果你读了他所问的,你应该明白他说的是设计/布局,而不是表格数据。

    以及声明 “表格将用于显示表格数据。在这种情况下,不需要使用任何其他标记。”

    在这种情况下,“现在”是一个模棱两可的词。使用表将数据与上下文对齐。比如你有可以在电子表格中完成的事情。您不应该使用表来对齐网站中的布局,这样的用法定义了前css/xhtml。(又名奥尔德斯科尔,以不好的方式)

    顺便说一下,当人们说“无桌设计”时,他们几乎总是指… 一种用css定义布局的设计,而不是使用不正确的表。