画像に添付するのではなく、メインの記事のテキストにそのようなサポート情報を含める方が良いでしょう。この能動的学習セクションでは、あなたに簡単な埋め込み練習をさせていただきます。タグが提供されています。画像を埋め込むようにしてください。https://raw.githubusercontent.com/mdn/learning-area/master/html/multimedia-and-embedding/images-in-html/dinosaur_small.jpg以前は他のサーバ上の画像に絶対にホットリンクしないように言っていましたが、これは単なる学習目的のためのものです。スペルを間違えて機能することを確認します。設定し、他の値を試してその効果を確認します。ボタンを使用してリセットすることができます。ボタンを押して答えを表示してください。updateCode();};図表と図表のキャプションで画像に注釈を付けるキャプションといえば、画像に付けるキャプションを追加する方法はいくつかあります。これをやめさせることは何もありません。</p></div>これで結構です。使って素敵に書式設定できます。ここに問題があります。画像をキャプションに意味的にリンクするものは何もありません。スクリーンリーダーにとっては問題を引き起こす可能性があります。要素を使用することです。図表のための意味的なコンテナを提供し、図表をキャプションに明確にリンクさせること。これはまさにこの目的のために作成されたものです。上記の例は次のように書き直すことができます。要素の他のコンテンツを説明していることをブラウザと支援技術に伝えます。テキストには明確な役割があります。キャプションは画像を見ることができる人にも利益をもたらしますが、代替テキストは欠けている画像と同じ機能を提供します。したがって、キャプションと代替テキストは、画像がなくなったときに両方が表示されるため、同じことを言うべきではありません。ブラウザで画像をオフにして見た目を確認してみてください。図表は画像である必要はありません。それは次のようにコンテンツの独立した単位です。あなたの趣旨をコンパクトでわかりやすく表現します。ページの直線的な流れのいくつかの場所に入ることができます。メインテキストをサポートするための重要な情報を提供します。何か他のものであってもよい。図表の作成この能動的学習セクションでは、以前の能動的学習セクションで完成したコードを図表にします。