Q&A
前提
HTML5 プロフェッショナル認定試験に向けて現在学習中のWeb初心者です。
マイナビの参考書内にあったコードに一部理解できない点があったのでこの場をお借りして質問させていただきます。
該当のソースコード
HTML
1<!DOCTYPE html> 2<html lang="ja"> 3<head> 4 <title> ･･･ </title> 5</head> 6<body> 7 <h1>見出しA</h1> 8 <h2>見出しB</h2> 9 <blockquote> 10 <h3>見出しC</h3> 11 </blockquot> 12 <h2>見出しD</h2> 13 <section> 14 <h3>見出しE</h3> 15 </section> 16</body> 17</html>
上記のアウトラインが、以下のように記載されていました。
1.見出しA 1.見出しB 2.見出しD 3.見出しE
不明点
上記のコードから出力されるアウトラインの階層が見出しA-Dまでは理解できるのですが、見出しEの出力に少し引っかかります。
- まずAが暗黙のセクションを作成し、一番浅い階層のセクションとなります。
- 次にBも暗黙のセクションを作成しますが、見出しのランクが低いためAのサブセクションとなります。
- Cはセクショニング・ルートなのでアウトラインに影響は与えません。
- Dは暗黙のセクションを作成しますが、Aよりもランクが低いためBと同階層のサブセクションとなります。
- . bodyの配下にセクションを作成します。
自分の認識は上記で、コード・アウトラインとして表記すると以下になります。
HTML
1<!DOCTYPE html> 2<html lang="ja"> 3<head> 4 <title> ･･･ </title> 5</head> 6<body> 7 <section> 8 <h1>見出しA</h1> 9 <section> 10 <h2>見出しB</h2> 11 <blockquote> 12 <h3>見出しC</h3> 13 </blockquot> 14 </section> 15 <section> 16 <h2>見出しD</h2> 17 </section> 18 </section> 19 <section> 20 <h3>見出しE</h3> 21 </section> 22</body> 23</html>
1.見出しA 1.見出しB 2.見出しD 2.見出しE
上記が自分の認識です。
個人的には誤植を疑っているのですが、参考書記載の挙動が正しいとのことでしたらご意見を聞きたいです。
以上、よろしくお願い致します。
補足情報
使用書籍
HTML5 プロフェッショナル認定試験 レベル1 対策テキスト&問題集 Ver2.0対応 / マイナビ
回答1件
0
ベストアンサー
まずAが暗黙のセクションを作成し
ここが誤り。bodyで明示された見出しとなります。
https://html.spec.whatwg.org/multipage/sections.html#headings-and-sections
投稿2018/07/05 06:34
総合スコア13749
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
退会済みユーザー
2018/07/05 07:58