你如何保持html语义正确，并处理大型门户网站或新闻网站等复杂设计的大型CSS？

Question

在个人和小型企业网站上，并不是那么困难，但是当我们来到新网站，门户网站和电子商务网站时，每个网页上都有这么多内容，这有点难。

如何保持** HTML 在语义上正确并处理大型门户网站或新闻网站等复杂设计的 CSS ？**

如何保持HTML代码的语义正确以及css类和ID的语义命名约定？

在这种情况下，使用CSS网格框架是处理CSS的最佳方法吗？

Answer 1

虽然一般来说你会想避免“div汤”，但div和span没有任何意义，并且没有理由你不能在添加中自由地使用它们来“语义正确”HTML如果他们帮你组织。

Answer 2

这里最好的做法是创建然后向右或向左浮动它们。指定它们的宽度。因此，当您尝试在不同的浏览器中打开它们时，它们将正确对齐，或者如果您尝试以非常低或高分辨率访问它们，它们仍然完全对齐。基本上，您需要创建一个嵌套结构，以便分别对齐所有相应的元素。

Answer 3

为了扩展和灵活性，我建议使用Twitter bootstrap，它的脚手架功能将为您的新闻网站提供4种响应式变体，这对手机iPad等非常有用。可能需要一段时间来学习和实施，但您会很高兴当你看到最终结果时你就做了;）