Was sind HTML -Grafiken?

In der Hypertext Markup Language (HTML) gibt es eine Reihe von Möglichkeiten, Grafiken in einem HTML -Dokument anzuzeigen und zu erstellen.Die am weitesten verbreitete Art von HTML -Grafiken sind Bilder, die direkt auf der HTML -Seite platziert werden, die als Inline -Bilder bezeichnet werden, obwohl es andere Methoden und Mdash gibt.wie die Verwendung einer Skriptsprache oder einer kompilierten Webanwendung mdash;Das kann verwendet werden, um die gleichen Ergebnisse zu erzielen.Für dynamisch generierte Grafiken für Diagramme oder Grafiken kann skalierbare Vektorgrafiken (SVG) verwendet werden.Es gibt auch einige grundlegende HTML -Grafiken, die von der Sprachspezifikation unterstützt werden und keine externen Dateien wie horizontale Linien und Kugeln in einer Liste erfordern.Komplexere HTML-Grafiken können durch die Verwendung einer Skriptsprache, der Cascading-Style-Blätter (CSS) und des HTML-Canvas-Elements erreicht werden.Ferne sind die Inline -HTML -Grafiken die am häufigsten verwendete und einfachste Möglichkeit, ein Bild in ein HTML -Dokument zu platzieren.Dies beinhaltet im Grunde das Erstellen eines Bildes in einem Bildeditor, das Speichern in einem häufig verwendeten Dateiformat und dann den Namen und der Speicherort der Bilddatei im HTML -Dokument mit dem IMG -Tag.Abgesehen von der Einfachheit der Einbeziehung einer Inline -Grafik in ein Dokument kann die Rendering -Engine in den meisten Webbrowsern die Grafik problemlos in komplexere Seitenlayouts einfügen, ohne formatierende Artefakte.Eine Komplikation, die mit einem Inline -Bild auftreten kann, besteht darin, dass die Bildgröße möglicherweise skaliert werden muss, um bei der Anzeige auf außergewöhnlich große oder kleine Anzeigen zu passen, was möglicherweise die Qualität des Bildes verringert.Grafik.Ein SVG -Bild wird durch Definieren von Formen, Pfaden und Liniengewichten gezeichnet und im laufenden Fliegen gezeichnet, da der Benutzer das Dokument anzeigt.Dies macht SVG zu einer guten Wahl für die Anzeige dynamischer Daten wie Diagramme oder Grafiken. Sie sind jedoch sehr unpraktisch für andere Arten von Grafiken, wie z. B. die Konstruktion fotorealistischer Bilder.Für einfache HTML -Grafiken und in Situationen, in denen eine externe Bilddatei nicht geladen werden kann, kann SVG eine praktikable Option sein.

Mit der Entwicklung des HTML -Version 5 -Sprachstandards (HTML5) können dynamische HTML -Grafiken innerhalb des Erstellers erstellt werden.Grundlegende HTML -Sprache.Dies geschieht durch direktes Zeichnen auf eine spezielle Oberfläche, die als Leinwand in einem HTML -Dokument bekannt ist.Mit JavaScript und CSS kann diese Methode Animationen oder Spiele erstellen, mit denen die Benutzereingaben je nach Einstellungen des Webbrowsers oder anderer Daten Grafiken anpassen können.Das Erstellen einer HTML5 -Grafik kann jedoch eine komplexe Prozedur sein, die zu langen Blöcken von Skriptcodes führen kann, die auf einigen Computern oder Geräten sehr langsam ausgeführt werden können.