改行しても段落は分かれない
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 の使い分け
文章のかたまりは p で包みます。同じ段落の中で行だけ変えたいときに br を使います。br は文字をはさまないので終了タグがありません。
<p>
<p>ここから1つの段落 1 行目です。<br>
<br>同じ段落の中で行を変える 2 行目です。
</p>
<p>
ここから1つの段落
1 行目です。<br>
同じ段落の中で行を変える
2 行目です。
</p>
p は話題ごとの文章を段落として伝えるタグです。ブラウザの既定余白は見た目上の結果で、p を選ぶ理由そのものではありません。
2 / 5
← → キーでも送れます