応用

HTML · 上級 - 高度なパターンとパフォーマンス

• アクセシビリティ: alt、見出しの階層、ARIA代替テキスト、スクリーンリーダーが実際にたどれる見出しの階層、そしてネイティブのHTMLでは足りない場面に限定したARIAの使い方をマスターします。
• 高度なフォームとネイティブのバリデーションrequired、pattern、inputmode、そしてConstraint Validation APIを活用し、外部ライブラリなしで堅牢なフォームを作ります。
• レスポンシブ画像: srcset、sizes、picturesrcsetとsizesで適切な画面に適切な画像を配信し、アートディレクションにはpictureをとっておき、遅延読み込みをマスターします。
• 技術的SEO: Open Graphと構造化データOpen Graphでソーシャルネットワークでのページのプレビューをコントロールし、JSON-LDのschema.orgでリッチリザルトを狙います。
• 読み込みパフォーマンス: defer、async、preload、prefetchdeferとasyncでスクリプトの実行順序を整え、preload、preconnect、prefetchでネットワークを操縦します。