画面に出ないメモを残す
HTML入門 / 全 4 枚
作成品質の確認
全チェックの通過状況
スライド 3 / 3枚、チェック 5 / 5項目が通過
全項目通過・次へ進めます
スライドごと
完成後の5チェック
本文・学習内容
HTMLコメントの構文、画面非表示、ソースから読める注意、5区切り、趣味4件に限定。CSSコメントや秘密の保管、DevToolsは除外。
ソース・課題との接続
コメントを保持したcontainsAll原文採点を追加。starterは0/3、solutionは3/3で、5つの必須コメントを1つずつ消した反例もすべて不合格。
見た目・操作
隔離サーバーで実レッスン開閉・狭幅・印刷・全枚ナビ・キーボード・図解全操作・冷起動fallbackを通過。全3枚を原寸目視し欠け・重なりなし。
再利用・パターンマスター
登録済み共通完成スライド3種と既存comment-hide-toggle図解だけを再利用し、各マスターカードを実画面で確認。
型・テスト・回帰
コメント原文採点の単体テスト、全61レッスン採点、差分空白検査を通過。
HTML入門 - 画面に出ないメモを残す
5つの区切りを書き、趣味を4件にする
各見出しの直前へ、その部分の名前をコメントで置きます。読み返して見つけた不足も同時に直します。
コメントは見出しの直前、追加する li は趣味の ul の中へ置きます。
| 置く場所 | 追加するコード |
|---|---|
| 名前の前 | <!-- 名前と肩書き --> |
| 自己紹介の前 | <!-- 自己紹介 --> |
| 趣味の前 | <!-- 趣味 --> |
| 経歴の前 | <!-- 経歴 --> |
| リンクの前 | <!-- リンク --> |
| 趣味ulの最後 | <li>本を読む</li> |
3 / 4
← → キーでも送れます