HTMLグラフィックとは何ですか？

HyperText Markup Language（HTML）には、HTMLドキュメントにグラフィックを表示および作成する方法がいくつかあります。最も広く使用されているHTMLグラフィックスのタイプは、インライン画像と呼ばれるHTMLページに直接配置された画像ですが、同じ結果を達成するために使用できる他の方法（スクリプト言語やコンパイルされたWebアプリケーションなど）があります。チャートまたはグラフの動的に生成されたグラフィックスでは、スケーラブルベクトルグラフィック（SVG）を使用できます。また、言語仕様でサポートされており、リスト内の水平線や弾丸などの外部ファイルを必要としない基本的なHTMLグラフィックもいくつかあります。より複雑なHTMLグラフィックスは、スクリプト言語、カスケードスタイルシート（CSS）、およびHTMLキャンバス要素を使用することで実現でき、以前は外部オブジェクトとプラグインを介して可能であったいくつかの効果のネイティブオプションを提供します。

インラインHTMLグラフィックスは、最も使用されており、HTMLドキュメントに画像を配置する最も簡単な方法です。これには、基本的に、画像エディターに画像を作成し、一般的に使用されるファイル形式に保存し、IMGタグを使用してHTMLドキュメントの画像ファイルの名前と場所を指定します。ドキュメントにインライングラフィックを組み込むというシンプルさは別として、ほとんどのWebブラウザーのレンダリングエンジンは、アーティファクトをフォーマットせずにグラフィックをより複雑なページレイアウトに簡単に配置できます。インライン画像で発生する可能性のある合併症の1つは、画像の品質を潜在的に削減するために、画像サイズを非常に大きなディスプレイまたは小さなディスプレイに合わせてスケーリングする必要がある可能性があることです。

スケーラブルベクトルグラフィックスは、HTMLグラフィックスのより複雑なスタイルです。 SVG画像は、形状、パス、ラインの重量を定義することで描画され、ユーザーがドキュメントを表示しているときにその場で描画されます。これにより、SVGはDYを表示するのに適した選択肢になりますチャートやグラフなどのナミックデータは、光線上の画像の構築など、他のタイプのグラフィックに使用することは非常に非現実的です。単純なHTMLグラフィックスの場合、および外部画像ファイルをロードできない状況では、SVGは実行可能なオプションになる可能性があります。

HTMLバージョン5言語標準（HTML5）の開発により、基本的なHTML言語内で動的なHTMLグラフィックを作成できます。これは、HTMLドキュメントでキャンバスとして知られる特別な表面に直接描画することによって行われます。 JavaScript®およびCSSを使用することにより、この方法は、Webブラウザーまたはその他のデータの設定に応じて、ユーザー入力に応答したり、グラフィックを調整できるアニメーションまたはゲームを作成できます。ただし、HTML5グラフィックを作成することは、一部のコンピューターまたはデバイスで非常にゆっくりと実行される可能性のあるスクリプトコードの長いブロックをもたらす可能性のある複雑な手順になる可能性があります。