スマホ用グローバルナビは</footer>の下にマークアップするもの？

Question

スマホ用のグローバルナビ（ハンバーガーメニューの中身）はどこにマークアップするのが適切なのでしょうか？

いくつかのサイトを見たところ、<footer></footer>の下に記述しているケースが多かったです。
それ以外だと、PC用のグローバルナビの下に記述しているケースもありました。

わかる方いらっしゃいましたら教えていただきたいです。
よろしくお願いします。

Answer 1

個人的な意見としては、どこに書いても大丈夫だと思います。

フッターの下にというよりは、bodyの閉じタグの直前って感じですかね。

この場所には、モーダルの中身を置いたりもします。

ハンバーガーメニューの中身は最初見えていない要素なので、モーダルと同じような仕組みを使って表示の切り替えを行っているからその場所が多いのかもしれません。

ちなみに僕はpcと同じ場所に置いてcss, jsでゴリゴリする派です。

Comments

[kadot]

>uemaSRさん

なるほどですね…！！
コーディングの時この部分が気になってストレスになっていたので、とてもすっきりしました。
個人的に大発見です。

ありがとうございました。