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

发布于 2024-08-26 16:26:33 字数 116 浏览 8 评论 0原文

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

What is the best optimized way to convert table base design to table less design? the layout should be cross browser compatible and SEO Friendly. Is there any tool/editor which converts existing table base design to table less design?
Is there any option in dreamweaver to convert the design in tableless?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(4

╄→承喏 2024-09-02 16:26:33

你为什么要这么做?

表格用于呈现表格数据。在这种情况下,无需使用任何其他标记。这很好并且符合 HTML 规范。

但是,您不应该使用表格来标记文档的布局。在这种情况下,您应该使用标题、div、段落、列表元素等的组合...使用一些 CSS 进行样式设置。

关于这个主题的一本好书是 Dan Cederholm 的《Bulletproof Web Design》:http://simplebits.com/work/< /a>

Why would you do that?

Tables are to be used to present tabular data. In this case there is no need to use any other markup. This is just fine and respects the HTML specification.

However, you should not use tables to markup your document's layout. In this case you should use a combination of headers, divs, paragraphs, list elements, and so on... Styled with some CSS.

A great book on this subject is "Bulletproof Web Design" by Dan Cederholm: http://simplebits.com/work/

乖乖公主 2024-09-02 16:26:33

你为什么要这么做? - Arko

答案:辅助功能。

网络开发人员意识到这一点很重要。

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

更多信息:

  • 残疾人权利法指南:http:// www.usdoj.gov/crt/ada/cguide.htm
  • 《康复法》第 504 条
    1973 年:www.section508.gov/index.cfm?FuseAction=Content&ID=15
  • 《康复法》第 508 条
    1973 年:www.section508.gov
  • 电信第 255 条
    1996 年法案:www.fcc.gov/cgb/dro/section255.html
  • 美国残疾人法案
    1990 年:www.ada.gov/pubs/ada.htm

Why would you do that? - Arko

Answer: Accessibility.

It is important web developers are aware of this.

Accessibility is the primary motivation for using tables to represent tabular data. Tables are not for defining position and layout of content. Screen readers interpret table tags to be tabular data (i.e., a spreadsheet of information).

More information:

  • A Guide to Disability Rights Laws: http://www.usdoj.gov/crt/ada/cguide.htm
  • Section 504 of the Rehabilitation Act
    of 1973: www.section508.gov/index.cfm?FuseAction=Content&ID=15
  • Section 508 of the Rehabilitation Act
    of 1973: www.section508.gov
  • Section 255 of the Telecommunications
    Act of 1996: www.fcc.gov/cgb/dro/section255.html
  • The Americans with Disabilities Act
    of 1990: www.ada.gov/pubs/ada.htm
×眷恋的温暖 2024-09-02 16:26:33

如果您阅读了他的问题,您应该明白他正在谈论设计/布局而不是表格数据。

和声明
“表格用于呈现表格数据。在这种情况下,不需要使用任何其他标记。”

在这种情况下,“现在”是一个含糊不清的词。使用表格根据上下文调整数据。就像你有一些可以在电子表格中完成的事情一样。您永远不应该使用表格来对齐网站中的布局,这种用法定义了 pre CSS/XHTML。 (又名 oldskool,以不好的方式)

顺便说一句,当人们说“无桌设计”时,他们几乎总是意味着......
一种使用 CSS 定义布局的设计,而不是错误使用的表格。

If you read what he asked, you should understand he is talking about design/layout and not tabular data.

and the statement
"Tables are to be used to present tabular data. In this case there is no need to use any other markup."

"present" is an ambiguous word, in this context. Use Tables to align data relative to context. Like when you have something that could be done in a spreadsheet. You should never use tables to align a layout in a website, such usage defines pre CSS/XHTML. (aka oldskool, in the bad way)

BTW, when people say "tableless design" they almost always mean...
A design which has a layout defined with CSS, instead of incorrectly utilized tables.

治碍 2024-09-02 16:26:33

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

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

There is no good automated way to do this.

If you have well marked up content in the layout tables, then a web developer can implement a similar design using CSS for presentation and the content can be dropped in to it — but that's the best you can really hope for.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文