将表格基础设计转换为无表格设计的工具
将表基础设计转换为无表设计的最佳优化方法是什么?布局应跨浏览器兼容且 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 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(4)
你为什么要这么做?
表格用于呈现表格数据。在这种情况下,无需使用任何其他标记。这很好并且符合 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/
可访问性是使用表表示表格数据的主要动机。表格不用于定义内容的位置和布局。屏幕阅读器将表格标签解释为表格数据(即信息电子表格)。
更多信息:
1973 年:www.section508.gov/index.cfm?FuseAction=Content&ID=15
1973 年:www.section508.gov
1996 年法案:www.fcc.gov/cgb/dro/section255.html
1990 年:www.ada.gov/pubs/ada.htm
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:
of 1973: www.section508.gov/index.cfm?FuseAction=Content&ID=15
of 1973: www.section508.gov
Act of 1996: www.fcc.gov/cgb/dro/section255.html
of 1990: www.ada.gov/pubs/ada.htm
如果您阅读了他的问题,您应该明白他正在谈论设计/布局而不是表格数据。
和声明
“表格用于呈现表格数据。在这种情况下,不需要使用任何其他标记。”
在这种情况下,“现在”是一个含糊不清的词。使用表格根据上下文调整数据。就像你有一些可以在电子表格中完成的事情一样。您永远不应该使用表格来对齐网站中的布局,这种用法定义了 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.
没有好的自动化方法可以做到这一点。
如果您在布局表中对内容进行了很好的标记,那么 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.