Question

对于最佳实践，我必须使用在线的一些模板创建网页。

在主要内容中，对于幻灯片，我正在使用以下代码：

<main class = "content">
<div id = "slideshow">
<img src = "img/slide-1.jpg" alt = "" />
<img src = "img/slide-2.jpg" alt = "" />
<img src = "img/slide-1.jpg" alt = "" />
<img src = "img/slide-2.jpg" alt = "" />
<img src = "img/slide-1.jpg" alt = "" />
</div>
</main>

在幻灯片放映下方的模板中，它显示如下，

http://imgur.com/p6S1dub

之后就这样，

http://imgur.com/HT8YGo4

我知道有很多方法可以用html5来实现。

但我需要知道，使用这些部分的html5标签的标准格式是什么。

我可以知道如何做到这一点，抱歉这个微不足道的问题。提前谢谢。

Answer 1

对于幻灯片显示，因为这是您网页的主要内容，请使用<main>打包。每个img标记都应该包含<figure>，如果您提供标题，<figcaption>。

<div>
   <img src="…" />
   <img src="…" />
</div>

...变为

<main>
  <div>
    <figure>
      <img src="…" />
    </figure>
    <figure>
      <img src="…" />
    </figure>
  </div>
</main>

对于子内容，这完全取决于您放置的内容。如果您对图库中显示的内容进行了总结，请使用<summary>进行包装。如果是补充内容，请使用<aside>。不管怎样，这应该包含<section>。

推荐书应附有<aside>。

再次使用辅助子内容，它取决于您在此处显示的内容。如果它是每个页面的一部分，请使用<footer>。如果它只是更多补充内容，请将<aside>与<section>一起使用。

关于标准html5标签的澄清

1 个答案: