2

しばらくの間、私は HTML5 を使用して Web サイトを構築しており、HTML5 が提供する新しいタグを使用するのが大好きです。div の後に div を使用しないようにする機能は素晴らしいことであり、よりクリーンで読みやすい html につながります。少し混乱しているのは、div タグを使用することが意味的に正しい場合です。div は意味的にマークアップされたコンテンツの集まりであり、グループ化する必要があることは理解していますが、HTML5 の記述方法やプログラマーが div を使用する方法を数多く見てきましたが、何が正しい方法で何が間違っているのかわかりません。言い換えれば、良い方法と良い方法です。

例えば:

<div id="header">
    <header>
        <h1>Here is a header!</h1>
    </header>       
</div>

<header id="header">
    <h1>Here is a header!</h1>
</header>

どちらもhtmlを書く方法ですが、意味的にはどちらが正しいですか? ID またはクラスをヘッダー、フッター、nav、または aside タグに追加してスタイルを設定するのがベスト プラクティスですか、それとも div タグの場合ですか? それとも、私がこれを考えすぎている可能性はありますか? 誰かが私の心を休ませ、私に十分な理解を与えるのを手伝ってくれるなら、それは素晴らしいことです!

4

2 に答える 2

0

タグを使用し、Modernizer.js を使用すると、IE サポートが得られます。

于 2012-09-07T03:30:25.977 に答える
0

ヘッダーを書くセマンティックな方法は次のようになると思います

<header>
    <h1>This is the page heading!</h1>
    <!-- extra header information -->
    <p>A paragraph explaining the page</p>
    <!-- navigation can go into the header, but it doesn't have to -->
    <nav>
        <ul>
            <li><a href="/example-page">Example page</a></li>
        </ul>
    </nav>
</header>

重要な点は、header 要素が div#header 要素内にあるべきではないということです。これは冗長であるためです。ヘッダー要素も同じ理由で id を必要としません。

于 2013-06-27T03:39:54.990 に答える