Skip to main content

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

hypertextマークアップ言語(HTML)には、HTMLドキュメントにグラフィックを表示および作成する方法がいくつかあります。最も広く使用されているHTMLグラフィックスのタイプは、インライン画像と呼ばれるHTMLページに直接配置された画像ですが、他の方法とmdash;スクリプト言語の使用やコンパイルされたWebアプリケーション&MDASHなど。同じ結果を達成するために使用できます。チャートまたはグラフの動的に生成されたグラフィックスでは、スケーラブルベクトルグラフィック(SVG)を使用できます。また、言語仕様でサポートされており、リスト内の水平線や弾丸などの外部ファイルを必要としない基本的なHTMLグラフィックもいくつかあります。より複雑なHTMLグラフィックスは、スクリプト言語、カスケードスタイルシート(CSS)、およびHTMLキャンバス要素を使用することで実現でき、以前は外部オブジェクトとプラグインを介して可能であったいくつかの効果のネイティブオプションを提供します。FARでは、インラインHTMLグラフィックスが最も使用されており、HTMLドキュメントに画像を配置する最も簡単な方法です。これには、基本的に、画像エディターに画像を作成し、一般的に使用されるファイル形式に保存し、IMGタグを使用してHTMLドキュメントの画像ファイルの名前と場所を指定します。ドキュメントにインライングラフィックを組み込むというシンプルさは別として、ほとんどのWebブラウザーのレンダリングエンジンは、アーティファクトをフォーマットせずにグラフィックをより複雑なページレイアウトに簡単に配置できます。インライン画像で発生する可能性のある合併症の1つは、画像の品質を潜在的に削減するために、画像サイズを非常に大きいまたは小さなディスプレイに合わせてスケーリングする必要がある可能性があることです。グラフィックス。SVG画像は、形状、パス、ラインの重量を定義することで描画され、ユーザーがドキュメントを表示しているときにその場で描画されます。これにより、SVGはチャートやグラフなどの動的なデータを表示するのに適した選択肢になりますが、光線現実的な画像の構築など、他のタイプのグラフィックスに使用することは非常に非現実的です。単純なHTMLグラフィックス、および外部画像ファイルをロードできない状況では、SVGは実行可能なオプションになる可能性があります。基本的なHTML言語。これは、HTMLドキュメントでキャンバスとして知られる特別な表面に直接描画することによって行われます。JavaScript&Reg;を使用することによってまた、CSSでは、このメソッドは、Webブラウザーまたはその他のデータの設定に応じて、ユーザー入力に応答またはグラフィックスの調整を行うことができるアニメーションまたはゲームを作成できます。ただし、HTML5グラフィックを作成することは、一部のコンピューターやデバイスで非常にゆっくりと実行される可能性のあるスクリプトコードの長いブロックをもたらす可能性のある複雑な手順になる可能性があります。