2016-11-02 1 views
1

誰かがこの決定を手伝ってくれますか? あなたがメインナビゲーションをナビに入れていることは分かっていますが、何らかの理由で全員が自分のウェブサイトの左側にあれば、ナビゲーションを脇に置いています。 (CMSのことか、それはどうすればいいのですか?) 私はチェックイン、チェックアウト、ヘッダーの "今すぐ予約"しています。 左側のナビゲーション要素にあるウェブサイトのナビゲーション。 (下の画像を参照)セマンティクスナビゲーションNAV vs ASIDE

正しい方法は何ですか?

enter image description here

+0

[HTML5ベストプラクティス] section/header/aside/articleタグ](http://stackoverflow.com/q/4781077/215552)を参照してください。私は知っている、 'ナビ 'は言及されていませんが、あなたは'脇に欲しい'と言います。 –

+0

@Mike McCaughan私はAsideやNavが問題であることを知っています。ほとんどの人が左側のメインナビゲーションとして脇に置いているので、私はちょっと混乱しています。 – PVL

+0

それはかなり意見に基づいたものですが、これは話題にはなりません。彼らが何であるかを知っていて、ソリューションがあなたに合っていなければ、決定を下す必要があります。 –

答えて

2

これは私がどうなるのかです:

赤いボックスがasideになると、その内部に、青いボックスは、navだろう。

enter image description here

ここでは、これらのタグの意味をカバーa good blog postです。 あなたのレイアウトになる。 asideは通常、レイアウトのメインコンテンツの横にある小さな列です。 navは、ナビゲーションの目的に役立つリンクのリストです。私は通常、より大きなコンテナとしてasideを、リンクのリストとしてnavと考える。これは、すべて非常に意味論的であり、非常に意見に基づいています。

+0

これは素晴らしい解決策のようです。しかし、たとえば「レビュー」や「イベント」などの外部Webサイトをリンクしたい場合はどうすればよいでしょうか。私が知っている限り、あなたは外部リンクのために脇に使うことはできません。その後、divと一緒に行くのが安全ですか? – PVL

+0

それでも問題なく動作します。 – Kolby

+0

それでも問題なく動作しますが、最適な意味解決ではありません。それでも良い答えです! – Roberrrt

7

この場合はasideを使用しないでください。

あなたのナビゲーションですので、ここではnav elementが明らかに最良の選択です。

aside elementは、何かがサイドバーに表示されるという理由だけで意味がありません。 asideを使用するかどうかの選択は、CSSではなく、内容とその目的に依存します。

asideは「接線関連」のコンテンツですが、主なナビゲーションはドキュメントに「接線方向に」関連することはほとんどありません。