我正在用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>
答案 0 :(得分:1)
看起来结构合理......但我会做一些不同的事情。
我认为第一级部分可能会被省略......毕竟它们只是整个页面内容的包装器,所以它们的标题(h1“这是第1章”和“这是第1.1节”)可以参考页面本身。除非,正如你所说,你正在考虑将整本书放在一个文件中(在这种情况下,我会保留这些部分,并且应该有另外的h1在外面,带有书的标题。)
关于部分/文章的疑问,只需考虑单个部分是否可以“独立”生活。如果他们可以(例如,如果你的书由短篇小说组成),那么你可以使用文章。其他部分都很好。
PS:考虑使用h2-6 ......因为从理论上讲,你可以在每个部分/文章中一直使用h1s,但就现在而言,出于可访问性原因,最好坚持使用通常的h1- 6个订单。在你的情况下它应该不是一个问题(它可能是一个“问题”与可重用的小部件,你不知道究竟会在哪里结束)。