我有一个分为两部分的部分。左侧仅用于图像,右侧仅用于文章。我的密码正确吗?

<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>

最佳答案

是的,您的标记结构完全可以接受。HTML5节元素可以随意用于包含与特定主题或活动相关的内容。对于它可能包含的元素没有具体的规则。您也可以使用figure作为图像包装器。MDN
不过,我建议不要使用浮动(这通常会导致不可预测或不希望的行为)和内联样式(这只是混乱)。相反,将元素设置为inline-block并在嵌入的style标记或外部样式表中使用CSS类为它们提供显式(百分比)宽度。

关于html - 我可以在部分内使用div和article吗?,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/56380312/

10-09 15:08
查看更多