css - 网格是新的侧边栏吗？

Question

<分区>

Answer 1

我经常这样做:

   <div class ="row">     
      <div class="col-sm-8 col-md-9">
         <article>...</article>
         <section class ="comments">...</section>
       </div>
      <div class="col-sm-4 col-md-3">
         <aside>...</aside>
      </div>
   </div>

还有像 semantic grid 这样的语义方法。 .但我认为，虽然 .row 和 .col 的内容在语义上可能表现不佳，但它们非常易于使用，如果您使用过一次，即使不查看样式或呈现的页面，您也能很快掌握它们的含义。

由于不考虑结构的样式仍然是不可能的，而且可能永远不会，我认为这可能是一个很好的中间立场。您可以访问非常易于使用的网格系统，例如 bootstrap 之一，并且您仍然拥有元素，这些元素描述了“语义”意味着放置在网格内的内容被认为具有。

直接解决您的问题:从我在网络行业每天看到的情况来看，“非语义”网格(恕我直言，它只是另一种语义，如果您有一套明确的规则，何时使用什么)变得非常流行，因为它们是解决许多(如果不是最灵敏的)布局问题的最简单方法。其他方法仍然存在。但由于它代表标题导航、内容、侧边栏形式的标准布局，我认为是的，网格至少在很大程度上取代了它们的位置，而且你每天看到它们的次数越来越少。