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

Question

我试图手动执行此操作，但它很容易出错。有没有更简单的方法来自动转换它？

Answer 1

也许问题在于将表“转换”为CSS的想法。从下到上重新思考您的HTML布局，并从头开始编码。

Answer 2

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

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

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

由于区分哪些标签使用的地方是语义上的区别，因此没有一种简单的方法可以“自动化”这一点。我的建议是拿一本关于语义（X）HTML的书（我强烈推荐Dan Cederholm的Bulletproof Web Design - 这是该领域的规范）并从头开始重写你的代码。

这应该不难。

Answer 3

我认为确实很难将其自动化。我可以想象某个地方的某个工具会尝试为你做这个，并且可能会做的是将每个内容块包装在div标签中，然后绝对定位每个内容以使其匹配内容位于原始页面。不要这样做。

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

Answer 4

步骤1.仔细思考为什么（以及是否）想要这样做。

步骤2.从头开始重建你拥有的东西，或者选择一个真正适合css造型的设计。

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