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 gibt - z. 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, Cascading-Style-Blätter (CSS) und des HTML-Canvas-Elements erreicht werden, was eine native Option für einige Effekte ergibt, die zuvor nur über externe Objekte und Plug-Ins möglich waren.
Inline HTML -Grafiken sind bei weitem 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, speichert es 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
skalierbare Vektorgrafiken sind ein komplexerer Stil von HTML -Grafiken. 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 eine gute Wahl, um DY anzuzeigenNAMIC -Daten wie Diagramme oder Grafiken, die sie jedoch für andere Arten von Grafiken sehr unpraktisch verwenden, z. B. für 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 der grundlegenden HTML -Sprache erstellt werden. Dies geschieht durch direktes Zeichnen auf eine spezielle Oberfläche, die als Leinwand in einem HTML -Dokument bekannt ist. Durch die Verwendung von JavaScript® und CSS kann diese Methode Animationen oder Spiele erstellen, mit denen Benutzereingaben oder andere Daten anpassen oder Grafiken anpassen können. Das Erstellen einer HTML5 -Grafik kann jedoch eine komplexe Prozedur sein, die zu langen Blöcken von Scripting -Code führen kann, die auf einigen Computern oder Geräten sehr langsam ausgeführt werden können.