您为多页书推荐了什么HTML5标记?

时间:2010-10-04 16:32:43

标签: html5 markup

我正在用HTML5写一本小书,分为以下章节和章节:

chapter1.html - intro to chapter 1
    chapter1section1.html - section 1.1
    chapter1section2.html - section 1.2
chapter2.html - intro to chapter 2
    chapter2section1.html - section 2.1
    chapter2section2.html - section 2.2

当我开始编写部分时,我想知道标记文档的最佳方法。我对< section>的使用有疑问在这种特殊情况下的元素(也许最好将章节分成文章?)。

我也对在< section>中包装所有内容犹豫不决。我这样做,所以我可以很容易地安排它们。我在阅读HTML5规范草案中的一些评论后决定这样做。

我可能最终将整个booke放在一个文件中,在我看来这个结构会让这更容易。你觉得怎么样?

先谢谢!

chapter1.html:

<header>
    <nav>
        <ol>
            <li><a href="index.html">Start</a></li>
        </ol>
    </nav>
</header>
<section>
    <h1>This is chapter 1</h1>
    <p>Some content as introduction to chapter 1...</p>
</section>

chapter1section1.html

<header>
    <nav>
        <ol>
            <li><a href="chapter1.html">Up</a></li>
            <li><a href="index.html">Start</a></li>
        </ol>
    </nav>
</header>
<section>
    <h1>This is section 1.1</h1>
    <p>Some introductory content to section 1.1...</p>

    <section>
        <h1>This is subsection 1.1.1</h1>
        <p>Some content...</p>
    </section>
</section>

1 个答案:

答案 0 :(得分:1)

看起来结构合理......但我会做一些不同的事情。

我认为第一级部分可能会被省略......毕竟它们只是整个页面内容的包装器,所以它们的标题(h1“这是第1章”和“这是第1.1节”)可以参考页面本身。除非,正如你所说,你正在考虑将整本书放在一个文件中(在这种情况下,我会保留这些部分,并且应该有另外的h1在外面,带有书的标题。)

关于部分/文章的疑问,只需考虑单个部分是否可以“独立”生活。如果他们可以(例如,如果你的书由短篇小说组成),那么你可以使用文章。其他部分都很好。

PS:考虑使用h2-6 ......因为从理论上讲,你可以在每个部分/文章中一直使用h1s,但就现在而言,出于可访问性原因,最好坚持使用通常的h1- 6个订单。在你的情况下它应该不是一个问题(它可能是一个“问题”与可重用的小部件,你不知道究竟会在哪里结束)。