澄清标准html5标记

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