改行しても段落は分かれない

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

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