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

HTML入門 / 全 5

作成品質の確認

全チェックの通過状況

スライド 4 / 4枚、チェック 5 / 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 に3つの申し送りを足す

lang・charset・title を1つずつ足し、言語、本文の読み方、タブの名前のどこが変わるか追ってください。

  • lang は、このページが日本語だと読み上げや翻訳へ伝える
  • charset は、日本語をどの規則で読めばよいかブラウザへ伝える
  • title は、画面の本文ではなくブラウザのタブ名になる
head に足す 3 行

1 / 5

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