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

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は全通過。

通過

連続した空白と改行は1つに潰される

エディタでエンターキーを押しても、画面上は改行されません。ブラウザは連続した空白や改行をまとめて1つの空白として扱うからです。

はじめまして。
はじめまして。書いたときは2行
山田 太郎です。

画面に出るもの

出るか
はじめまして。 山田 太郎です。1行につながって出る
書いたときの改行空白1つに潰される

改行が消えたのではなく、空白1つとして扱われています。

だから「ここからここまでが1つの段落」であることを、タグで伝えてあげる必要があります。

1 / 5

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