我有一个分为两部分的部分。左侧仅用于图像,右侧仅用于文章。我的密码正确吗?
<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/