CSSfacebookTweethatenaline2019.06.10リファレンスHTMLフィギュア・キャプションfigcaption要素figure要素の最初、または最後の子要素として使用することができ、figure要素内のコンテンツに関する説明テキストを表す場合に使用します。alt="サンプル写真"><figcaption>例えば、このようにimg要素で画像を配置し、画像の解説をここへ記述するような使い方をします。</figcaption></figure>カテゴリーなしコンテンツモデルフローコンテンツ使用ケースfigure要素の最初、または最後の子要素として使用します。属性グローバル属性グローバル属性のみ使用することができます。グローバル属性について詳しくは、「HTMLのグローバル属性」をご覧ください。記事ページを想定したHTMLサンプルコード見出しや記事本文テキストに対してはh1要素、p要素を使い、写真画像を配置したいところでfigure要素を使用しています。解説部分ではfigcaption要素によって説明を加えています。<article><h1>アラスカから良い豆が入荷しました</h1><p>1月のアラスカは極寒です。<br>この時期は夜空にオーロラを望むこともできます。</p><p>そんなアラスカから、カカオの香りが美味しいコーヒーが届きました。alt="アラスカ限定の豆"><figcaption>カカオの香りが香ばしい、日本では中々手に入れることのできない希少な豆</figcaption></figure></article>ブラウザでの表示例こちらの記事は役に立ちましたか?GoodBadありがとうございます。よろしければ、あわせてフィードバックや要望などをご入力ください。コメント送信コメントありがとうございます!運営の参考にさせていただきます。)PHP2019-11-16フォームの基本構造を作成するPHP2019-11-16はしご高など旧字体漢字の文字化けを防ぐRECOMMEND人類を前に進めたいチームラボ代表・猪子寿之さんと評論家・宇野常寛さんによる、チームラボの目指す「境界のない世界」についての対談がまとまった一冊。内容はもちろん、フルカラーで写真も綺麗でした。