改行しても段落は分かれない
HTML入門 / 全 5 枚
作成品質の確認
全チェックの通過状況
スライド 4 / 4枚、チェック 5 / 5項目が通過
全項目通過・次へ進めます
スライドごと
完成後の5チェック
本文・学習内容
本文・要件・正解・前後境界を監査。pによる段落、空白正規化、同一段落内だけのbr、brに終了タグがないことへ固定。
ソース・課題との接続
監査済みJSONを実採点へ適用。pは2つ、肩書きはh1直後、brはh2直後のp内という課題位置まで検査。
見た目・操作
全4枚を個別・全体で操作し原寸目視。狭画面、印刷、quiz、キーボード、hydration、runtime error、overflowなし。
再利用・パターンマスター
既存4パターンを再利用し、各カードにフォールバックがないことを確認。
型・テスト・回帰
前後レッスンと全教材を回帰確認。変更した採点・デッキ経路のブラウザQAは全通過。
ここでつまずく
p と br はどちらも画面上で行が分かれますが、話題を分けるか、同じ話の中で行だけ変えるかで選びます。
書いたことどうなるか
br を並べて余白を作る
余白の量が中身に縛られ、あとから CSS で直せない
話題が変わるのに br でつなぐ
見た目は分かれるが、1つの段落として扱われる
br に終了タグを書く
br は文字をはさまないため終了タグは要らない
余白を広げたいだけなら CSS の仕事です。br は行を変えたいときだけに使います。
4 / 5
← → キーでも送れます