問題タブ [nav]

CSS または JavaScript を使用して、ホームページにイメージ バナー ナビゲーションを配置しようとしています。私は何日も試みてきましたが、成功していません。どうぞよろしくお願いいたします。

ホバーしたリンクに応じてバナーホルダーに異なる画像を表示し、ホバーがない場合はデフォルトの画像を表示します。

次のように、ナビゲーション項目と画像用に html と css を設定しました。

空のアンカータグに背景を配置しようとしていますが、そこにテキストを配置しないと何も表示されません。リストアイテムに画像を入れ、cssでホバーしたときに別の画像に変更するための最良のアプローチは何ですか。

html

css

何度か見たことのあるものを真似ようとしています。通常、下にナビゲーション バーのあるバナーがあり、ページをスクロールすると、上部に触れるまで移動し、停止して固定されたままになります。これを達成する方法が完全にはわかりません。うまくいかないものをいくつか見てきました。

周りを見回した後、このように機能することがわかりましたが、機能するようです。私はいくつかのものが欠けていると思います

ナビゲーション バーにドロップダウン メニューがありますが、かなりの数のサブ項目があります。これは大きな画面では問題ありませんが、ナビゲーションが折りたたまれている場合、それらがすべての部屋を占有するほど重要ではありません.

折りたたまれたときにドロップダウンを閉じる方法、またはドロップダウンとサブアイテムを削除してアンカータグに置き換える方法はありますか (ユーザーがサブアイテムを選択できるページに移動します)。それとも、私はこれについてすべて間違って考えていますか?

ナビゲーションバーがあり、クリックしたときにナビゲーションバーの項目の1つがドロップダウンメニューを開くようにしたい。私はこれを持っています：

ただし、クリックしてもドロップダウンメニューは表示されません。私のHTMLは次のようになります。

編集：試してみたところ、両方の要素alert($(this).find('ul').html());でアラートが表示されました。<li>

$(this).find('ul').show(200);どちらも機能しませんでした

コンテンツは動的に追加されません。

私のCSSは次のようになります：

何か案は？

<nav>タグに関しては、W3C の定義は少しあいまいに思えます。

nav 要素は、他のページまたはページ内のパーツにリンクするページのセクション (ナビゲーション リンクを含むセクション) を表します。

ページ上のリンクのすべてのグループが nav 要素にある必要はありません — この要素は主に、主要なナビゲーション ブロックで構成されるセクションを対象としています。特に、フッターには、サービス条件、ホームページ、著作権ページなど、サイトのさまざまなページへのリンクの短いリストが含まれているのが一般的です。このような場合はフッター要素だけで十分です。このような場合に nav 要素を使用できますが、通常は必要ありません。

初期レンダリングでナビゲーション情報を省略することでメリットを享受できるユーザー、またはナビゲーション情報をすぐに利用できることでメリットを享受できるユーザーを対象とするユーザー エージェント (スクリーン リーダーなど) は、この要素を使用して、最初にスキップするか、リクエストに応じて提供するページ。

それらの定義の非常に厳密な解釈と、検証を通じて私が遭遇したものに基づいて、<nav>リスト要素のみを含める必要があるように見えます。しかし、検索は一連のページ内のナビゲーションの一種と考えるべきではないでしょうか?

その主な用途がユーザー エージェントであることは理解していますが、前者が後者のコンテナーとしてのみ機能する場合、タグの<nav>前にタグを付けるのはかなり冗長に思えます。リンクのリストに限定されず、ナビゲーションに関連する他の要素を含めることが<ul>できれば、より理にかなっています。<nav>

例えば：

検証は別として、これは容認できる使用法ではあり<nav>ませんか? スクリーン リーダーやその他のアクセシビリティ ツールがページを適切にレンダリングできるようにすることよりも、検証に関心がない人にとって、どのような影響があるでしょうか?

opencartのproduct.tplではなくheader.tpl内にパンくずリストを含める方法を教えてもらえますか？

カスタム ナビゲーション メニューに属性「role」と「navigation」の値を設定したいと考えています。wp_nav_menu() が属性引数を受け入れるようには見えません。何か不足していますか？

重複の可能性:
<nav> または <menu> (HTML5)

HTML には、ページにメニューを作成するためのセマンティック タグが 2 つあります。タグを使用する場所と、タグを使用する<menu>場所<nav>。これらのタグの違いは何ですか? PS私の英語でごめんなさい。

スタイルシートにナビゲーションメニューの背景を追加しましたが、ブラウザをズームすると、メニュー自体がテーマの他の部分のようにサイズ変更されず、テーマ構造から別の位置に移動することがわかりました...それは私のものですナビゲーションCSSコード：