我可以使用 div 和 article inside section 吗？

Question

我有一个部分被分成两部分。左侧仅用于图像，右侧 - 仅用于文章。我的代码正确吗？

<section>
  <h1>Section header</h1>
  <div style="float: left;">
    <img src="#" alt="somepic" />
  </div>
  <article style="float: right;">
    <h2>About me</h2>
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
  </article>
</section>

Answer 1

是的，您的标记结构完全可以接受。您可以自行决定使用 HTML5 部分元素来包含与特定主题或 activity 相关的内容。没有关于它可能包含哪些元素的具体规则。您也可以使用 figure 作为图像包装器。 MDN

不过，我建议不要使用浮点数（这通常会导致不可预测或不希望的行为）和内联样式（这只会造成混乱）。相反，将您的元素设置为 inline-block 并在嵌入的 style 标记或外部样式表中使用 CSS 类为它们指定显式（百分比）宽度。

我可以使用 div 和 article inside section 吗？

Could I use div and article inside section?

html

semantic-markup