0

私はHTMLで少し混乱しているので、セマンティック要素について質問があります:

このように使用する必要がありますか？

<html>
<head>
    <title>Some page</title>
</head>
<body>
    <header class="main-header">
        <!-- menu and imaganary logo -->
        <nav>
            <ul>
                <li>Demo</li>
            </ul>
        </nav>
    </header>
</body>
</html>

それともこれ？

<html>
<head>
    <title>Some page</title>
</head>
<body>
    <div class="main-header">
        <!-- menu and imaganary logo -->
        <nav>
            <ul>
                <li>Demo</li>
            </ul>
        </nav>
    </header>
</body>
</html>

ヘッダー要素についてhttp://html5doctor.com/the-header-element/を読みました。この状況に関する情報は<article> 提供されません。

4

2 に答える 2

1

HTML仕様によると

この<header>要素は通常、セクションの見出し ( <h1>-<h6>要素または<hgroup>要素) を含むことを意図していますが、これは必須ではありません。この要素は、セクションの目次、検索フォーム、または関連するロゴをラップするためにも使用できます。

したがって、おそらく最初の例を使用する必要がありますが、2 番目の例も問題なく使用できます。また、以下のように CSS でヘッダー要素を直接使用することもできます。

header {
    // style the header
}
于 2013-06-26T20:07:35.590 に答える