HTMLリファレンス – ページ 2

HTMLラジオボタン：nameのグループ・checked・required

2 つの独立したラジオグループを作成し、完全な例で送信された値を確認します。name、id、value、checked、required、reset、ラベル、キーボード選択がどのように連携するかを学びます。

完全な HTML 例で語句の強調と重要性を比較します。em、strong、b、または CSS の font-weight を使用するタイミングと、視覚的スタイリングが意味上の重要性を置き換えられない理由を学びます。

値と最大値でタスクの完了を計算し、完全なインタラクティブ例で不確定の進行状況に切り替えます。タスクに名前を付け、その状態を通知し、進行状況とメーターを区別する方法を学びます。

明示的なfor/idの関連付けと、コントロールをlabelで囲む方法を完全な例で比較します。クリックとキーボード操作、補足説明の関連付け、重複IDの確認方法を説明します。

captionで表全体にタイトルを付け、thによる行・列の見出しと区別します。完全な例でcaption-sideによる上下の位置変更とアクセシビリティ上の注意点を確認します。

完全な例でbrによる改行とソースコード内の改行、段落の区切りを比較します。比較表でp・wbr・preの選び方と、段落間隔をCSSのmarginで調整する理由を説明します。

完全な例で記事の著者とサイト運営者の連絡先を区別します。address要素を使う条件、mailtoリンクの動作、含められる内容と表示の変更を説明します。

必須および複数選択を含む動作中のフォームで、select と option の名前と値を比較します。無効フィールドの除外、選択済みデフォルト、リセット動作、およびすべての選択値を読み取る方法を確認します。

完全な noscript の例を使用して、無効化されたスクリプトと JavaScript の実行時エラーを比較します。重要な案内を利用可能に保つ方法や、代替コンテンツを body と head のどこに置くかを学びます。

完全なfigureとfigcaptionの例を使用して、自己完結型コンテンツの前後のキャプションを比較します。キャプションが画像の代替テキストとどのように異なるか、またSVGの例が狭い画面でどのように拡大縮小されるかを学びます。