KENスクールブログ | パソコン教室・パソコン講座なら個別指導のKENスクール

BLOGKENスクールブログ

  1. KENスクール TOP >
  2. KENスクールブログ > Web・DTPデザイン > HTMLを始めよう! その8

Web・DTPデザイン

HTMLを始めよう! その8

KENスクールONLINE

前回は、picture要素をご紹介しました。

今回は、「figure要素」をご紹介します。

figure(フィギュア)要素とは、本文から参照される図版(挿絵、図表、写真、ソースコードなど)のまとまりをあらわします。

Webサイトでは画像は必須アイテムですよね。
店舗情報のひとつとして内装の画像を表示させたり、、商品情報と画像を合わせて表示させたり、社員や顧客の顔写真を表示させたり
ユーザーが情報を得るために画像は重要な役割を担っています。

しかし、画像を表示させるからと言って<figure>要素が必要なわけではありません。

<figure>要素はあくまでも「注釈」なのです。

「<figure>要素がなくても内容に影響がない」というのがルールなので、画像がなくても差し支えはないけど、<figure>要素があれば内容をより分かりやすく伝える補足情報や説明文になる

これは重要になります。

figureソース

サンプルページ

サンプルのように、文章だけでも伝わりますが、画像があるともっとリアルに伝えることができます。

全ての画像に対して<figure>要素が必要ではありません。
内容をしっかり吟味して使用するようにしましょう。

WEB初心者から最短3ヵ月でWEBデザイナーを目指す

コロナ禍でリモートワークが増え、在宅でできるWEBデザイナーの仕事に人気が集まっています。

そこでKENスクールではニーズの高いオンライン完結のWEBデザインスクールを開校しました。WEBデザイナーになるために必要なカリキュラムを揃え、資格系を除いたすべてのカリキュラムを、通学と同じクオリティで提供致します。

完全マンツーマン授業で毎回先生が変わらないので、生徒の悩み、得手不得手などにいち早く気づき、生徒一人ひとりに合わせた指導をする事が可能です。

最短3ヵ月でWEBデザイナーを目指せる実践レベルで学ぶためのカリキュラムで、就転職のサポートまで付いたコースをご用意しています。

無料カウンセリングも実施していますので、ご興味のある方はこちらよりお問い合わせください。

この記事に関連する講座

HTML5をしっかり理解し、マークアップスキルを身につける

詳しくはこちら