html - 如何在现代网页设计中建立基本的 html 和 css 结构？

Question

作为非专家，我正在尝试以自己的方式定义自己的编码风格。说到响应性和现代网页设计，为所有内容建立一个通用的 div 容器（或包装器）是一种好习惯，还是将屏幕作为主要父项更好？

Answer 1

确实没有关于此类事情的一般规则或建议。这取决于您要构建的网站类型、使用的工具以及组织 CSS 的方式。我通常<div id="wrapper"></div>在所有东西上都使用 a，但是当我使用把手模板或框架（例如 ember 或骨干网）时，我不会这样做。

任何类型的编码都要遵循的主要规则是保持干燥——“不要重复自己”。如果您发现自己重复了类似的代码行（使用任何语言）。这是一个好兆头，表明您应该重新考虑编写代码的方式。

只要您保持干爽，并保持代码看起来干净易读，您几乎可以做任何您想做的事情。

Answer 2

这在很大程度上取决于您正在构建的网站的结构，但是您永远不应该包含您不需要的元素。

对于常规的网页设计，我总是在我的内容上使用包装器类型的元素来 a.) 居中，b.) 限制其最大宽度，max-width同时保持响应。

有时我让我的包装器成为其他元素的子元素，以便它们background跨越整个屏幕，而内容则没有。