見た目ではなく役割で選ぶ

HTML入門 / 全 4

作成品質の確認

全チェックの通過状況

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

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

完成後の5チェック

本文・学習内容

本文・正解・前後境界を監査。strongは重要性、emは語調の強調へ固定し、b/iを意味なしとする誤記を修正。

通過

ソース・課題との接続

監査済みJSONを実レッスン採点へ優先適用。textsでstrong/emの個数・順序・単語内容、insideで両方のp内配置を確認。

通過

見た目・操作

各3枚と全体を操作し原寸目視。図解4切替、quiz、キーボード、狭画面、印刷、冷起動fallback、hydration/runtime/overflowなし。

通過

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

既存の触れる図解・先生解説コード・腕試しの3パターンを再利用し、パターンマスターで確認。

通過

型・テスト・回帰

本文・図解・採点・スライド・印刷・共通パターンを回帰確認。画面外の遅延図解もQAが対象へ移動して待つよう共通修正。

通過

HTML入門 - 見た目ではなく役割で選ぶ

同じ見た目でも役割が違う

4つのタグを切り替え、ブラウザの既定表示と HTML 上の役割を見比べましょう。

  • strong は内容の重要性を表す
  • em は文の語調を強調する
  • 太字・斜体にしたいだけなら CSS を使う
見た目とタグの役割

1 / 4

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