HTML5边栏语法

Question

我正在努力学习如何编写干净的HTML5代码，我遇到了一个侧边栏。

我需要这样的东西：

我的代码：

<aside>
<section>
    <header>
        <h1>Naujienos</h1>
    </header>
    <ol>
        <li>
            <article>
                <header>
                    <h3>2015-09-20</h3>
                </header>
                <footer>
                    <figure>
                        <img src="image/zagiena-plius.gif" alt="zagienaplius">
                    </figure>
                </footer>
            </article>
        </li>
        <li>
            <article>
                <header>
                    <h3>2013-10-30</h3>
                </header>
                <footer>
                    <figure>
                        <img src="image/mes-rusiuojam.gif" alt="mes-rusiuojam">
                    </figure>
                </footer>
            </article>
        </li>
    </ol>
</section>
</aside>

我往正确的方向走了吗？如有任何反馈，将不胜感激。

Answer 1

aside元素已经创建了一个节，不需要额外的section元素。

如果您将h1用于aside元素的标题，则article元素中的标题应该是h2而不是h3 (或者也是h1，但这是不推荐的)。

但是，对于这些简短的片段使用article可能不是一个好主意(除非它们包含的不仅仅是日期和图像)，因为每个article还创建了一个节。

对于日期，应该使用time元素。