Какую разметку HTML5 вы рекомендуете для многостраничной книги?

Я пишу небольшую книгу в 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› в данном конкретном случае (может быть, лучше разделить главы на статьи?).

Я также не решаюсь помещать весь контент в ‹раздел›. Я делаю это, чтобы легко их упорядочить. Я решил сделать это после прочтения некоторых комментариев в проекте спецификации HTML5.

Возможно, в конечном итоге я поместил всю книгу в один файл, и мне кажется, что эта структура облегчит эту задачу. Что вы думаете?

Спасибо!

глава1.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>

глава1раздел1.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>
    

person expora    schedule 04.10.2010    source источник


Ответы (1)


Он кажется хорошо структурированным... но я бы сделал пару вещей по-другому.

Я думаю, что разделы первого уровня могут быть опущены... в конце концов, они просто обертки для всего содержимого страницы, поэтому их заголовок (h1 «Это глава 1» и «Это раздел 1.1») может относиться к сама страница. Если, как вы говорите, вы не планируете поместить всю книгу в один документ (в этом случае я бы сохранил разделы, а снаружи должен быть еще один h1 с названием книги).

Насчет раздела/статьи сомнения, просто подумайте, могут ли отдельные разделы жить "само по себе". Если они могут (например, если ваша книга состоит из рассказов), вы можете использовать статьи. В остальном разделы в порядке.

PS: рассмотрите также возможность использования h2-6... потому что теоретически вы можете использовать h1 вплоть до каждого раздела/статьи, но сейчас, по соображениям доступности, лучше придерживаться обычного порядка h1-6. В вашем случае это не должно быть проблемой (это может быть «проблема» с многоразовыми виджетами, которые вы не знаете, где именно они окажутся).

person Fra Sprea    schedule 04.10.2010
comment
Спасибо за ответ! Я ценю это и рассмотрю ваши комментарии. Я думал об использовании h1-h6 для подразделов и хранении каждого раздела книги внутри своего тега ‹section›, чтобы упростить переход книги на одну страницу (добавляя основной h1, содержащий название книги снаружи). - person expora; 04.10.2010