質問: ### 前提・実現したいこと 完全初学者です。htmlとcssについて学習しています。現在会社に入社前の課題に取り組んでいてレスポンシブサイトを作成しています。課題の中でheaderタグとmainタグを使わなければならないという決まりがあります。それらを使ったのですが、chromeのデベロッパツールで確認するとmainタグで作った要素の中にheaderタグの要素が入り込んでしまっています。 どうすればこの問題が解決できますでしょうか?どなたかお力を分けてもらえれば幸いです。検索をしても該当するものがなく、困っております。ソースコードは会社の課題のためとりあえずは添付しないでおきます。説明が下手で申しわけありません。よろしくお願いします。 ### 試したこと htmlの雛形の確認 言語 html css
回答: ソースコードが無いので何とも言えませんが、HTML5に準拠したサイト制作が課題ということでしょうか。 以下のサイト様に説明があるようにmainタグは1ページ1つですので、2つ以上指定がある場合には変になっているかもしれません。 https://web-manabu.com/html-css48/ また、純粋な初心者ということですので、headerタグの終了位置は本当に適切な位置になっているでしょうか。 もし、headerタグの終了位置がmainタグの中に入り込んでいたら、修正して下さい。 現状ではコードが無いので、具体的な指摘は不可能です。様々な要因が考えられるので......。 会社の入社前課題ということで大変だと思います。わざわざ入社前の課題ということを名言していることも素晴らしいことだと思います。 ですが、その説明は不要です。客先の案件で使う内容をここで質問している人は大勢いますし、そういった時には適当な要素名などに置き換えるなどして工夫して質問しています。 具体的なモノが無ければ、具体的な指摘を返せる人は非常に少ないため、自身で工夫してコードを載せるようにしましょう。 誠実さは必要ですが、頭を使って、時にはちょっとだけズルしてこその社会人です。 以下はサンプルです ``` メニュー メニュー メニュー article内で完結するページの説明等記述 見出し 見出し 内容 見出し 内容 ```