見出しごとに中身を点検する

HTML入門 / 全 4

作成品質の確認

全チェックの通過状況

スライド 3 / 3枚、チェック 5 / 5項目が通過

全項目通過・次へ進めます

完成後の5チェック

本文・学習内容

第2章で既習の見出し・文章・強調・リスト・リンク・画像・コメントの読み返しと、経歴olへの3件目追加に限定。新しいタグと第3章の構造要素は除外した。

通過

ソース・課題との接続

JSONの4チェックを欠落なく実画面へ登録。raw 4件=parsed 4件、starterは経歴3件目で不合格、solutionは4/4合格。閉じタグ、属性decoy、コメント位置、li誤配置の反例も拒否した。

通過

見た目・操作

実レッスン開閉・再表示、320/360/393px、印刷、全枚ナビ、キーボード、図解全状態、クイズ正誤、冷起動fallbackを通過。独立目視で本文・図・選択肢・pagination・操作CTAの非交差と可読性を確認した。

通過

再利用・パターンマスター

登録済み共通完成スライド3種と既存tag-close-pair図解だけを再利用。各マスターカードを実画面で確認し、fallback表示や孤立部品がない。

通過

型・テスト・回帰

HTML採点、モバイル版面、反例生成、全61レッスンを再検証。対象TypeScriptエラーは0件で、変更ファイルの整形と空白差分も通過した。

通過

HTML入門 - 見出しごとに中身を点検する

6つの観点でページ全体を読み返す

新しいタグは増やしません。コードを上から下へ読みながら、ここまで使ったタグと中身がそろっているか確認します。

今回見つける不足は経歴の3件目です。ほかの項目も崩していないか一周します。

見る場所完成している状態
見出しh1が1つ、h2が4つ
文章p・br・strong・em
リスト趣味4件、経歴3件
リンクhttpsとmailtoの2本
画像srcと内容が分かるalt
コメント5つの区切りが見出しの前

1 / 4

このスライドが付いているレッスンを開く