正确的语义html5

Question

感谢您对html5标记的跟踪反馈。外部div (类文章)不再具有为其子元素设置flex的意义。在这种情况下，div是语义上正确的选择吗？

.articles {
  display: flex;
}

.articles__article {
  flex: 1;
}

<main class="main">
  <div class="articles">
    <article class="articles__article">     
      <h1 class="article__headline">Headline</h1>
      <p class="article__teaser">Text Text Text</p>
    </article>
    <article class="articles__article">     
      <h1 class="article__headline">Headline</h1>
      <p class="article__teaser">Text Text Text</p>
    </article>
    <article class="articles__article">     
     <img class="article__image" src="https://via.placeholder.com/150">
    </article>
  </div>
</main>

Answer 1

是的，在这种情况下是这样的。正如你自己说的那样，它“没有任何意义”。它只存在于造型的目的。

这就是MDN对div的看法：

HTML内容分区元素()是流内容的通用容器。它不会影响内容或布局，直到使用CSS样式。作为一个“纯”容器，元素本身并不代表任何东西。相反，它用于对内容进行分组，这样就可以轻松地使用类或id属性进行样式设计，将文档的一部分标记为用不同的语言编写(使用lang属性)，等等。

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/div