Lar*_*ien 5 html css refactoring css-tables
给定一个HTML页面具有复杂的基于表格的布局和许多复制和浪费的标签,例如:
td align="left" class="tableformat" width="65%" style="border-bottom:1px solid #ff9600; border-right:1px solid #ff9600; background-color:#FDD69E" nowrap etc.
是否有工具可以帮助将页面重构为更紧凑的形式？例如,一个自动生成CSS样式和选择器的工具？将表转换为div布局？
只是为了了解问题的顺序,我正在查看的页面是> 8000行HTML和JavaScript,500Kb 不计算图像!
更新:重新."放弃并从头开始"评论.在现实世界中,这意味着什么？打印页面,扫描它,在Dreamweaver中将其设置为背景图像,然后从那开始？真的吗？这真的比重构更有效吗？
更新:我不是在诋毁"从头开始追踪",也不是说暗示Dreamweaver无论如何都是我的选择工具.我很惊讶重构布局被认为是一个棘手的问题.
我同意TimB 的观点，即自动化工具在执行此操作时会遇到困难，特别是以最有效的方式进行关系跳转以组合和抽象 CSS。
如果您要呈现表格数据，尝试将内联 CSS 重构为可重用类可能是合理的。
如果您有很多具有内联样式的类似表格，您可以通过简单的搜索和替换来逐渐重构 CSS。这将为您提供许多与相似表的子集匹配的类以及许多有些相似的类。将其分解为布局和表示将是一个好的开始，然后用每个主题或语义相关项目的特定类覆盖它们。
我仍然建议从头开始，它可能会更快，并且您可以仅重新创建呈现页面所需的内容，并且可以在以后重用元素或元素集合。
如果需要再次修改页面，所花费的时间也会得到显着的回报。
但这根本不可能是吗？：D
| 归档时间： |
|
| 查看次数： |
2327 次 |
| 最近记录： |