Q&A
futter
など、独自タグとして定義されてるものでしたらアドバイス得られないと思います。
お世話になっております。
HTMLやCSSを使っていて今頃ですが気になってしまったので
初歩的な質問になりますがご回答頂ければ幸いです。
HTMLのコーディング順番ですが
基本的には
<head> <header> </header> <main> </main> <footer> </footer>での順番になると思うのですが
サイドバーの場合はどこに記載するのが適切なのでしょうか
現状ですと質問ボックスの左にサイドバーを記載したい場合は
質問ボックスをコーディングしたそのすぐしたにサイドバーの処理を構築しているのですが
このように何かのサイドに表示させたい場合はまずその何かを先に構築してそのすぐ下にサイドバーの構築をするという認識で
問題ないでしょうか
またCSSではそのままHTMLとまったく同じ順番でCSSを構築するという認識で問題ないでしょうか
初歩的な質問になってしまい申し訳ございません。
コーディングルールとのことでしたので、あえて指摘致しますが、<head>、<header>というように、要素名は小文字で統一するのが通例と私は認識しております。また、<futter>はただしくは<footer>ではないでしょうか。
その上で、ご質問についてですが、個人的な答えは「場合による」です。作るサイトの仕様にもよりますし、いろんなサイトを観察なさって、判断すべきことかと思います。
個人的には、サイドバーも含めてそのページのメインのコンテンツである場合は、<main>の子要素として本文領域とサイドバー部分<aside>を設けます。もし、サイドバー自体が、サイト全体の共通したサブ要素であるならば、<main>とはべつに<aside>を設けます。あくまで個人の意見です。
いろんなサイトを観察なさって、判断すべきこと
と言うのは不適切でした。使うタグの仕様を確認して、目的に沿ったマークアップをするのが正しいと思います。間違ったことを書いてすみません。
回答1件
0
ベストアンサー
この内容はサイドバー、ナビゲーションリンク、著作権表示、サイトロゴ、検索フォームのような、文書のセットや文書のセクションにまたがって繰り返されるものを除くべきです。
<main> - HTML: HyperText Markup Language | MDN
とありますので、mainの中に入れない方がいいです。
また、ヘッダーやフッターに含むのも違和感があると思いますので、この形式ですとbody直下でmainの後になるかな、と思います。
アウトラインを気にされるのであれば、section>main+asideがいいのかもしれません。
（main要素は区分コンテンツではないので、アウトライン的な意味合いを持ちません）
なお、CSSについては、記述順がルールの優先順位に影響をするので、DOMの出現順にとらわれる必要はありません。（好みにもよると思いますが）
投稿2021/07/05 05:37
編集2021/07/05 05:44
総合スコア36158
あなたの回答
tips
プレビュー
