タグは飾りではなく意味付け
HTML入門 / 全 5 枚
作成品質の確認
全チェックの通過状況
スライド 4 / 4枚、チェック 5 / 5項目が通過
全項目通過・次へ進めます
スライドごと
完成後の5チェック
本文・学習内容
本文、制作物、正解、全2チェック、前後境界を監査し、4枚構成を確定。
ソース・課題との接続
4枚のデッキ登録、tagAnatomyの型・barrel export・DOM/CSS描画経路を確認。対象ファイル名で絞った型検査出力は0件。
見た目・操作
Playwright 10件合格。通常・小型画面・印刷・四辺・送り・キーボード・クイズ・Hydrationを確認し、全4枚を目視済み。
再利用・パターンマスター
4枚すべてをパターンマスターで実物表示。短いタグ専用のtag-anatomyを新しい再利用パターンとして追加。
型・テスト・回帰
61レッスン共通verifyが合格し、実レッスンのstarter不合格・模範解答2/2・一覧・モーダル・印刷・パターンを再検証。全体tscには既存エラーがあるが変更対象ファイルに該当する出力は0件。
同じ名前に、見出しという役割を足す
前回は名前をそのまま表示しました。h1タグで囲むと、文字は消えずに残り、その1行がページの見出しだとブラウザへ伝わります。
前回 タグなし
山田 太郎
文字として表示される
今回 h1で囲む
山田 太郎
ページの見出しとして表示される
大きく太く見えるのは、ブラウザが『これは見出し』と受け取った結果です。文字そのものを書き換えたわけではありません。
1 / 5
← → キーでも送れます