文字化けは読む規則のずれ

HTML入門 / 全 5 枚

作成品質の確認

全チェックの通過状況

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

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

本文・学習内容

本文・課題・正解・前後境界を監査。charset偏重を除き、lang・charset・titleを同格に再構成。

通過

ソース・課題との接続

本文の正規figureへ統一。教材JSONと実レッスンDBの3チェックが一致し、starter不合格・solution全合格を確認。

通過

見た目・操作

全4枚を操作・目視し、狭画面、印刷、hydration、runtime errorなしを確認。cold-load静止画のナビ重なりを修正し専用QAも通過。

通過

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

既存4パターンを再利用し、各カードに実装プレビューがありフォールバック表示がないことを目視確認。

通過

型・テスト・回帰

前後レッスンと全教材を回帰確認。リポジトリ全体typecheckには既存のroute生成・shared-ui等の多数の基準エラーがあるが、今回の変更ファイルには該当エラーなし。

通過

HTML入門 - 文字化けは読む規則のずれ

前回は空だった head に meta と title を入れ、html の開始タグには lang を足します。body の中身は変えません。

この5行を前回の雛形へ書き足せば、これから育てるページの土台が完成します。

lang は html の開始タグ、meta と title は head の内側です。3つとも画面本文を増やす行ではありません。

<html lang="ja">
<head>
  <meta charset="UTF-8">
  <title>山田 太郎のプロフィール</title>
</head>

2 / 5

← → キーでも送れます