将表格标签转换为标准css最简单的方法是什么？

问题描述：

我试图手动做到这一点，但它很容易出错。有没有更简单的方法来自动转换它？将表格标签转换为标准css最简单的方法是什么？

我假设你是指将使用表格单元布局的HTML页面转换为使用CSS布局的HTML页面？ – 2009-10-29 20:26:28

请编辑帖子以描述您正在尝试做得更清楚的内容;你会得到更好的答案。 – ashgromnies 2009-10-29 20:35:18

“是否有更简单的方法来自动转换它？” - 这是你的问题 – 2009-10-29 20:40:24

答

也许问题在于将表转换为CSS的想法。从头开始反思您的HTML布局，并从头开始编码。

答

写得很好的（X）HTML应该在语义上合理。这意味着您使用的标签应该与它们包含的内容相匹配。

例如，元素的有序列表应包含在<ol>标记，<p>标记中的一段文本以及<h#>标记内的标题内。

用于语义（X）HTML中的分组和布局的标签是<span>和<div>标签。

由于区分哪些标签要使用哪里是语义区分，因此没有简单的方法来“自动化”这一点。我的建议是拿起一本关于语义（X）HTML的书（我强烈推荐Dan Cederholm的Bulletproof Web Design--它在现场是典型的），并从头开始重写你的代码。

应该不难。

答

我认为确实很难将其自动化。我可以想象某个地方的某个工具会试图为你做这件事，可能它会做的是将每个内容都包装在一个div标签中，然后将每个内容绝对放置，以便它与内容所在的位置相匹配原始页面。不要这样做。

重新开始。将你的内容分离成语义上合理的容器。然后尽可能简单地定位它们。简单的基于网格的布局通常可以简单地通过使用“float：left”将div放在彼此旁边并在适当时使用“clear”来实现。

答

第1步。仔细想想为什么（以及是否）您要这样做。

第2步从头开始，重建你拥有的东西，或者去设计一个真正适合CSS样式的设计。

第3步。当跨越不同浏览器定义出现不可避免的流程和布局问题时，请参阅步骤1。