查看CSS Zen Garden ，可见将设计和内容分离是多么的强大和方便。可能性似乎几乎是无限的。人们可以更改样式表，从而可以彻底改变整个网站的外观。
假设我正在组合网站的 HTML 部分。我如何知道在哪里放置 div、在哪里嵌套它们等等？
例如，假设我想在屏幕上居中放置某些内容:我通常会将 3 个 div 嵌套在一起:一个 display:table、一个 display:table-cell ，以及一个包含内容的 margin-left:auto;margin-right;auto 。
假设我只是做 HTML 内容，但现阶段没有考虑设计。如果我不一定知道我会将 3 个 div 放在屏幕中央，我怎么知道我需要将它嵌套在一起？
或者，如果我现在有一个 HTML/CSS 设计，并且我的 div 和 span 都已设置完毕，那么如果我决定更改 CSS 以实现全新的布局，18 个月后会发生什么？有时我会有额外的 div，有时又不够。
大概级别多总比级别不够好。这样，最糟糕的情况就是你有一些多余的 div，它们没有样式并且没有明显的效果。
这通常是其他人遇到的问题吗？我知道 CSS Zen Garden 是一个特例，但是当您更改相应的 CSS 时，您通常会大幅更改 HTML 代码吗？
最佳答案
我从事 Web 开发工作多年，而现实中的情况与理论有些不同:不存在内容和表示分离之类的事情。您总是会在额外的 div 中滑动。
你最好遵循 YAGNI 原则。当您编写 HTML 时，不必担心 CSS。稍后回来进行必要的调整。
至于Zen Garden，你会在源代码中找到这样的注释:
This xhtml document is marked up to provide the designer with the maximum possible flexibility. There are more classes and extraneous tags than needed, and in a real world situation, it's more likely that it would be much leaner.
关于html - 为面向 future 的 CSS 编写 HTML 代码，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/7170774/