右HTML 5文章结构



我希望这个问题不是太笼统,但是我需要一个建议:

你认为下面哪个例子是正确的?

1号

<article>
    <section>
        <header>
            <h1>Title</h1>
        </header>
        <p>Content</p>
        <h2>Title 2</h2>
        <p>Content</p>
        <footer>
            <p>footer</p>
        </footer>
    </section>
</article>
2号

<article>
    <section>
        <header>
            <h1>Title</h1>
        </header>
        <p>Content</p>
        <header>
            <h2>Title 2</h2>
        </header>
        <p>Content</p>
        <footer>
            <p>footer</p>
        </footer>
    </section>
</article>
3号

<article>
    <section>
        <header>
            <h1>Title</h1>
        </header>
        <p>Content</p>
        <footer>
            <p>footer</p>
        </footer>
    </section>
    <section>
        <header>
            <h2>Title</h2>
        </header>
        <p>Content</p>
        <footer>
            <p>footer</p>
        </footer>
    </section>
</article>

我更喜欢例子1,但我不完全确定:/

1和2是等价的。你喜欢哪个就用哪个。<h2>开头的隐式部分在显式部分内。

3在语义上是不同的。第二段的<h2>与第一段的<h1>排序相同,两段互为对等体

最新更新