我可以在部分内使用div和article吗？

Question

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

<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 section元素来包含与特定主题或活动相关的内容。关于它可能包含哪些元素，没有特定的规则。您也可以将figure用于图像包装器。 MDN

我建议不要使用浮点数（通常会导致不可预测或不希望有的行为）和内联样式（它们只是乱七八糟）。而是将元素设置为inline-block，并使用嵌入的style标签或外部样式表中的CSS类为它们指定显式（百分比）宽度。