0

私は最近、HTML アウトライン全体を発見し、この優れたオンラインHTML5 アウトライナー ツールを見つけました。今、私は次のようなアウトラインを持つ、意味的に適切な単純な HTML ページを完成させようとしています:

  1. ページ
    1. ナビ
    2. 主要
    3. サブ
      1. さておき
    4. フッター

そして、次のようにページをレンダリングします。 

| --- NAV ----------------- |
|      content              |
| --- MAIN ---------------- |
|      content              |
| --- SUB ----------------- |
|      content      | aside |
| --- FOOTER -------------- |
|      content              |

HTML は次のようになります。

<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>

<body>
    <div class="page">

        <header class="page--header">
            <hgroup>
                <h1>page</h1>
                <h2>subtitle</h2>
            </hgroup>
            <nav>
                <h1>Nav</h1>
                <ul>
                    <li>link 1</li>
                    <li>link 2</li>
                    <li>link 3</li>
                    <li>link 4</li>
                    <li>link 5</li>
                </ul>
            </nav>

        </header><!-- .page-header -->

        <section class="page--main">
            <h1>Main</h1>                
        </section><!-- .page-main -->

        <section class="page--sub">
            <h1>Sub</h1>
            <aside>
                <h1>Aside</h1>
                <p>Advertisement block</p>
            </aside><!-- aside -->                
        </section><!-- .page-sub -->

        <footer>
            <h1>Footer</h1>                
        </footer><!-- footer -->

    </div><!-- .page -->
</body>
</html>

これにより、アウトラインは次のようになります。

  1. ページ
    1. ナビ
    2. 主要
    3. サブ
      1. さておき
  2. フッター

上記のアウトラインを取得しながら、意味的に正しく保つために HTML を変更するにはどうすればよいですか? footerそれらがすべて同じ見出しレベルの兄弟であっても、トップレベルのセクション要素 (つまり、メインとサブ) と同じレベルで概説されないのはなぜですか?

混乱していますが、助け、批判、提案は大歓迎です、ありがとう！

4

2 に答える 2

0

アウトラインに箇条書きを作成することheaderも、作成することもありません。footer主なセクショニング要素はnav、 、section、article、およびasideです。

おそらくチェックアウトする必要があります：http://html5doctor.com/outlines/

于 2013-04-05T10:42:35.633 に答える