画面に出ないメモを残す

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

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