5

そのため、私は再設計しているWebサイトのHTMLをいじってみました。そして、HTML5 shivのおかげで、私は光沢のある新しいHTML5タグを非常に自由に使用してきました。その結果、タグが散らかっているように感じ始めています。例えば：

<header>
    <nav>
        <h1 id="logo"><a href="/">Logo Image CSS'd in here</a></h1>
        <ul>
            <li><a href="/page-1">Page 1</a></li>
            <li><a href="/page-1">Page 2</a></li>
            <li><a href="/page-1">Page 3</a></li>
            <!-- etc. -->
        </ul>
    </nav>
</header>

スペースに制約があり、明示的なホームページリンクを削除したため、ロゴを含めました<nav>（私のホームページは、サブページのコンテンツの要約であり、それらへのインラインリンクが含まれています）。したがって、意味的には、HTML5ドキュメントにはとの両方が必要であると想定しまし<header>た<nav>。結局のところ、<nav>それがメインページのナビゲーション（私はパンくずリストとフッターのリンクをラップするために使用します）であることを意味するのではなく、浮かんでいるタグが欠落して<nav>いるように感じます。<ul><header><nav>

それで、私はHTML5ヒップスターであり、ここでそれを使いすぎているのでしょうか？または、このオーバータグ付けは（特に<header>タグにすべてのスタイリングがあり、<nav>何もないため）不要ですか？

4

3 に答える 3

2

それはかなり合理的な構造のようです。とにかく、ページ上の要素の少なくとも1つheaderまたはスタイルを設定していると思います。navそして、どちらもページ構造に関する情報を提供するのに役立ちます。

于 2012-08-15T01:10:29.743 に答える
1

まあセマンティクスは、要素が最終的にスタイル設定されるかどうかを気にしません。それは理解できる方法でページの輪郭を描くことに関心があります。これらのリンクをすべて<header>ロゴ付きの要素内に配置するだけでは、必ずしも何も意味するわけではありません。ただし、<nav>要素内に配置することで、ナビゲーションであることを示します。これは、<nav>要素の存在がスタイリングによってユーザーに明確でなくても、非常に多くのことを意味します。

私は個人的に、nav要素内の余分な順序なしリストを使用しません。スタイルに追加の要素以外のナビゲーションにリストを使用することについての議論を本当に理解したことはありません。これは私にはかなり無意味に思えます。

于 2012-08-15T01:11:37.840 に答える
1

あなたが持っているものはよさそうだ。うるさくなりたい場合は、ヘッダーロゴをナビゲーションの外側に配置できます（スペースの制約に合わせて、cssを使用してナビゲーションをフロートさせることができます）。ただし、ロゴは間違いなくナビゲーションの一部であるため（ホームリンクであるため）、ロゴを含めることは問題ないと思います。

ボイラープレートはやや気が遠くなる可能性があるので、これを参照として人々に示したいと思います：https ://github.com/impressivewebs/Easy-HTML5-Template/blob/master/index.html

于 2012-08-15T01:16:34.470 に答える