順番の意味で ul と ol を選ぶ

HTML入門 / 全 4

作成品質の確認

全チェックの通過状況

スライド 3 / 3枚、チェック 5 / 5項目が通過

全項目通過・次へ進めます

完成後の5チェック

本文・学習内容

本文・正解・前後境界を監査。趣味はul、経歴はol、項目はli、番号はolに任せる範囲へ固定。

通過

ソース・課題との接続

ローカルJSONの3チェックを実レッスンへ登録。starter不合格、solution満点、禁止された番号手入力の反例不合格を確認。

通過

見た目・操作

実レッスン開閉・再表示・狭幅・印刷・全枚ナビ・キーボード・クイズ・図解操作を通過。3枚の原寸キャプチャを目視し、切れ・重なり・縮小不良なし。

通過

再利用・パターンマスター

新規専用DOMを作らず、登録済み共通完成スライド3種とul-ol-switch図解を再利用。各マスターカードを実画面で確認。

通過

型・テスト・回帰

前後レッスン境界、全61レッスン採点、パーサーテスト、差分空白検査を通過。

通過

HTML入門 - 順番の意味で ul と ol を選ぶ

番号をリストに任せる

ul、ol、番号の手打ちを切り替え、2番目に項目を足して変化を見比べましょう。

  • ul は順番に意味がない箇条書き
  • ol は順番そのものが情報になるリスト
  • ol の番号は項目を足すと自動で振り直される
点と番号のリスト

1 / 4

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