我从web开发开始，想把一个页面的内容分成两列，但我不确定下面的HTML语义是否正确。
<body>
<div class="left">
<section>
<h2>One</h2>
<img ...>
</section>
<section>
<h2>Two</h2>
<img...>
</section>
</div>
<div class="right">
<section>
<h2>Image related to those of the other div</h2>
<img...>
</section>
</div>
</body>
在任何情况下，您的页面都缺少h1标记，这对语义、SEO和可访问性至关重要！
剩下的，为了呈现一些图像的描述目的，似乎还可以。不过，您不一定要使用section标签——h2标签足以将它们组织为具有相关标题的图像。但是，如果页面的这些部分在主题上确实不同，那么分段是强调这一点的好方法。
欢迎来到开发社区！实现这样的功能需要一些CSS来显示您所设想的列。尝试查看CSS flexbox。它允许您根据查看网站的设备创建任何类型的列和行。
有了HTML部分，您就走上了正轨！我们只需要将图像及其描述(或标题(包装在图形元素中，就可以使其语法正确。这种方法还将提高使用屏幕阅读器的用户的可访问性。
我们使用带有<img>的<figure>元素和里面的<figcaption>元素。<figcaption>元素实际上是对所显示图形的捕获。这里有一个快速的例子：
<figure>
<img src="/macaque.jpg" alt="Macaque in the trees">
<figcaption>A cheeky macaque, Lower Kintaganban River, Borneo. Original by <a href="http://www.flickr.com/photos/rclark/">Richard Clark</a></figcaption>
</figure>