質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.46%
HTML5

HTML5 (Hyper Text Markup Language、バージョン 5)は、マークアップ言語であるHTMLの第5版です。

Q&A

0回答

514閲覧

HTMLマークアップの妥当性について

joeblow777

総合スコア8

HTML5

HTML5 (Hyper Text Markup Language、バージョン 5)は、マークアップ言語であるHTMLの第5版です。

0グッド

0クリップ

投稿2021/11/27 10:51

HTMLを改めて勉強しています
書籍によって記述法が異なっておりどの記述法を正とすればいいのかよくわかりません

書籍1を正として学習を進めていたのですが、書籍2のマークアップを見て違和感を感じました
下記のサイトで確認を行なったところタグの親子関係において特に問題はないはずですが
HTML5 入れ子チートシート
クローラーからこのHTML文書を見たときに最終的にどう評価されるのかわかりません

下記のコードはそもそもページレイアウトが異なりますが今回の質問の観点は以下の通りです

①mainタグの中にヘッダ、フッタを除いたすべてのコンテンツを記述するべきかどうか
書籍2のコードではmainタグと同じ階層にasideタグがあり、これはmainタグ内に
記述するべきでは?

②書籍1のコードではnavタグがarticleタグ、asideタグと同列に記述してあるが
これはarticleタグの前にさらにasideタグを記述しその中にnavタグを移動すべきか
(navはasideもしくはarticleのどちらかの中に記述すべきか否か)

これらの事柄についてどちらの記述でも問題がないのか最終的にクローラーからみて適切ではないと見做されるか結果がわかりますでしょうか
また今回のコードにはありませんが書籍2にてsectionタグでHTML内のコンテンツのまとまりを適切に分割するのは重要なことであるというような記述があったのですが
sectionタグで正確にコンテンツを分割してあるものと、全く同じHTMLでそもそもsectionタグをまったく使用していないものとでは、クローラーの評価はどう変わりますでしょうか

わかりにくい文章ですみません。さまざまな書籍で勉強してきましたがそれぞれに
書いてあることがバラバラで結局どうすべきなのかわからず質問させていただきました

よろしくお願い致します


書籍1

<header> </header> <main> <nav> </nav> <article> </article> <aside> </aside> </main> <footer> </footer>

書籍2

<header> </header> <main> <article> </article> </main> <aside> <nav> </nav> </aside> <footer> </footer>

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

m.ts10806

2021/11/27 11:50

サイト要件次第とも言えるので、この「外側」だけのコードだけでは何も評価しようがないのでは。
joeblow777

2021/12/04 00:54

ご回答ありがとうございます。HTML的に間違いがなければコンテンツの内容次第で評価が行われるということですね。
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

まだ回答がついていません

会員登録して回答してみよう

アカウントをお持ちの方は

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.46%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問