head と body の役割
HTML入門 / 全 5 枚
作成品質の確認
全チェックの通過状況
スライド 4 / 4枚、チェック 5 / 5項目が通過
全項目通過・次へ進めます
スライドごと
完成後の5チェック
本文・学習内容
本文、前後レッスン、制作物、模範解答、3チェックを監査。既存の不正確なトラブルシュートを採点一致の完成確認に置換。
ソース・課題との接続
starterは前レッスンのsolution継承。模範解答は3/3、starterは未達を実画面で確認。
見た目・操作
通常、小型画面、印刷、送り、キーボード、クイズ、図解操作、Hydrationを確認。モーダルアニメ完了後に測定・撮影するようQAも修正。
再利用・パターンマスター
新規パターンは増やさず、既存4パターンを再利用。すべてパターンマスターで単体表示を確認。
型・テスト・回帰
HTML/CSS全61レッスン共通検証に合格。starter未達と模範解答3/3を実画面でも確認。
HTML入門 - head と body の役割
head と body の振り分け
1行ずつどちらの区画に置くか切り替えて、画面とタブの名前がどう変わるか見てください。
- 読む人に見せたいものは body、ブラウザへの申し送りは head
- title と meta は head に置く行で、画面に文字としては出ない
- h1 や p は head に置けない行。書いてもブラウザが body へ送る
2 / 5
← → キーでも送れます