Flexbox的布局和网格式布局让我做我的HTML语义少

Question

我总是有Flexbox的布局工作时，使我的HTML，并根据很多人，因为你必须用HTML来形容你的结构和样式与CSS的内容是坏的。我从来没有与网格布局工作，但我认为这将是相同的。

它是坏的，使我的HTML语义少到可以使用Flexbox的布局和网格布局？

<header class="main-header">
  <h1 class="name">Best City Guide</h1>
  <ul class="main-nav">
    <li><a class="realmains" href="#">ice cream</a></li>
    <li><a class="realmains" href="#">donuts</a></li>
    <li><a class="realmains" href="#">tea</a></li>
    <li><a class="realmains" href="#">coffee</a></li>
  </ul>
</header>
<!--/.main-header-->


VS


<header class="main-header">
  <h1 class="name">Best City Guide</h1>
  <nav>
    <ul class="main-nav">
      <li><a class="realmains" href="#">ice cream</a></li>
      <li><a class="realmains" href="#">donuts</a></li>
      <li><a class="realmains" href="#">tea</a></li>
      <li><a class="realmains" href="#">coffee</a></li>
    </ul>
  </nav>
</header>
<!--/.main-header-->

Answer 1

还有就是你的两个例子之间的这种细微的差别..唯一的区别就是导航标签。所不同的其实并不重要的。