imported>Firobuz: direkt verlinkt, Weiterleitung umgangen

2025-09-29T16:15:19Z

direkt verlinkt, Weiterleitung umgangen

Neue Seite

{{Infobox Dateiformat
| Name = Vector Markup Language
| Icon =
| Logo =
| Screenshot =
| Beschreibung =
| Dateiendung =
| MIME = application/vnd.openxmlformats-officedocument.vmlDrawing
| MIME-Anm = <ref name="ECMA_376_Part_4">{{Internetquelle |url=https://www.ecma-international.org/wp-content/uploads/ECMA-376-Fifth-Edition-Part-4-Transitional-Migration-Features.zip |titel=Office Open XML File Formats - Transitional Migration Features |titelerg=ECMA-376-4:2016 |hrsg=European Computer Manufacturers Association (ECMA) |datum=2016-10-12 |format=ZIP; 8,1 MB |sprache=en |abruf=2022-02-17 |kommentar=Dateipfad im ZIP-Archiv: Ecma Office Open XML Part 4 - Transitional Migration Features.pdf}}</ref>
| MagischeZahl =
| MagischeZahlNotation =
| MagischeZahlHex =
| Entwickler = [[Autodesk]], [[Hewlett-Packard|HP]], [[Macromedia]], [[Microsoft]], [[Visio Corporation]]
| Veröffentlicht = 1998-05-13
| LetzteVersion =
| LetzteVersionDatum =
| Art = [[Grafikformat]]
| Container für =
| Enthalten in =
| Erweitert von = [[XML]]
| Erweitert zu = [[Scalable Vector Graphics|SVG]]
| Standard = Teil von [[ECMA-376]] und ISO/IEC 29500:2008
| Website = http://www.w3.org/TR/NOTE-VML<ref name="W3C_VML">{{Internetquelle |autor=Brian Mathews, Daniel Lee, Brian Dister, John Bowler, Howard Cooperstein, Ajay Jindal, Tuan Nguyen, Peter Wu, Troy Sandal |url=http://www.w3.org/TR/NOTE-VML |titel=Vector Markup Language (VML) |titelerg=Submission to the World Wide Web Consortium |hrsg=World Wide Web Consortium (W3C) |datum=1998-05-13 |sprache=en |abruf=2022-02-17}}</ref>
}}

Die '''Vector Markup Language''' ('''VML''') ist eine veraltete [[Auszeichnungssprache]] zur Beschreibung [[zweidimensional]]er [[Vektorgrafik]]en in [[Extensible Markup Language|XML]].

== Geschichte ==
VML wurde 1998 von Autodesk, HP, Macromedia, Microsoft und der Visio Corporation zur Standardisierung an das [[World Wide Web Consortium]] (W3C) übergeben.<ref name="W3C_VML" /> Als Webstandard wurde VML abgelehnt, da [[Adobe Inc.|Adobe]], [[Sun Microsystems|Sun]] und andere einen weiteren Standard unter dem Namen [[Precision Graphics Markup Language]] (PGML) beantragten. Diese beiden Vorschläge wurden unter dem Namen [[Scalable Vector Graphics]] (SVG) vereinigt und als Standard vom W3C verabschiedet.<ref name="W3C_SVG_Origin">{{Internetquelle |url=http://www.w3.org/Graphics/SVG/WG/wiki/Secret_Origin_of_SVG |titel=Secret Origin of SVG |hrsg=World Wide Web Consortium (W3C) |datum=2010-11-18 |sprache=en |abruf=2022-02-23}}</ref> Die Entwicklung von VML wurde daraufhin im Herbst 1998 eingestellt.<ref name="Frost_SVG">{{BibISBN|0-9741773-0-X|Seite=7}}</ref> Im Laufe der Zeit ist VML zugunsten von anderen Formaten, wie beispielsweise SVG, weitestgehend in den Hintergrund geraten.<ref name="Microsoft_VML_SVG">{{Internetquelle |autor=Dennis Forbes |url=http://docs.microsoft.com/en/archive/msdn-magazine/2003/july/build-xml-based-images-in-asp-net-using-scalable-vector-graphics |titel=Vector Graphics |titelerg=Build Flexible, Lightweight XML-Based Images for ASP.NET Using Scalable Vector Graphics |werk=MSDN Magazine |hrsg=Microsoft |datum=2003-07 |sprache=en |abruf=2022-02-17}}</ref>

== Vergleich der Elemente von VML und SVG ==

SVG ist nicht mit VML kompatibel.<ref name="Smith_VML">{{Internetquelle |autor=Adrian Smith |url=http://vector.org.uk/archive/v164/vml164.htm |titel=VML – Vector Graphics on the Internet |sprache=en |offline=1 |archiv-url=http://web.archive.org/web/20050410185434/http://vector.org.uk:80/archive/v164/vml164.htm |archiv-datum=2005-04-10 |abruf=2022-02-17}}</ref>
Allerdings besitzen VML und SVG ähnliche Bausteine.<ref name="Microsoft_VML_SVG_Guide">{{Internetquelle |autor=Seth McEvoy |url=http://download.microsoft.com/download/6/9/F/69F565B2-E56C-4589-8A19-29C20A2CB450/VML%20to%20SVG%20Migration%20Guide.pdf |titel=VML to SVG Migration Guide |titelerg=A Comparative Overview of Architecture and Implementation |hrsg=Microsoft |datum=2010-03-16 |format=PDF; 880 kB |sprache=en |offline=1 |archiv-url=
http://web.archive.org/web/20120117071353/http://download.microsoft.com/download/6/9/F/69F565B2-E56C-4589-8A19-29C20A2CB450/VML%20to%20SVG%20Migration%20Guide.pdf |archiv-datum=2012-01-17 |abruf=2022-02-17}}</ref>

[[Datei:SVG-Grundelemente.svg|mini|Rechteck, Kreis, Ellipse, Pfad und Polygon als Beispiel für grafische Primitive. Pfad und Polygon sind gefüllt.]]
{| class="wikitable"
|-
! style="text-align:left"| Element
! VML
! SVG
|-
! style="text-align:left"| [[Kreis]]
|
<syntaxhighlight inline lang="xml" style="border:none;">
<oval>
</syntaxhighlight>
|
<syntaxhighlight inline lang="xml" style="border:none;">
<circle>
</syntaxhighlight>
|-
! style="text-align:left"| [[Ellipse]]
|
<syntaxhighlight inline lang="xml" style="border:none;">
<oval>
</syntaxhighlight>
|
<syntaxhighlight inline lang="xml" style="border:none;">
<ellipse>
</syntaxhighlight>
|-
! style="text-align:left"| [[Rechteck]]
|
<syntaxhighlight inline lang="xml" style="border:none;">
<rect>
</syntaxhighlight>
|
<syntaxhighlight inline lang="xml" style="border:none;">
<rect>
</syntaxhighlight>
|-
! style="text-align:left"| Abgerundetes Rechteck
|
<syntaxhighlight inline lang="xml" style="border:none;">
<roundrect>
</syntaxhighlight>
|
<syntaxhighlight inline lang="xml" style="border:none;">
<rect>
</syntaxhighlight>
|-
! style="text-align:left"| [[Polygonzug (Mathematik)|Polygonzug]]
|
<syntaxhighlight inline lang="xml" style="border:none;">
<polyline>
</syntaxhighlight>
|
<syntaxhighlight inline lang="xml" style="border:none;">
<polyline>
</syntaxhighlight>
|-
! style="text-align:left"| [[Polygon]]
|
<syntaxhighlight inline lang="xml" style="border:none;">
<polyline>
</syntaxhighlight>
|
<syntaxhighlight inline lang="xml" style="border:none;">
<polygon>
</syntaxhighlight>
|-
! style="text-align:left"| [[Strecke (Geometrie)|Linie]]
|
<syntaxhighlight inline lang="xml" style="border:none;">
<line>
</syntaxhighlight>
|
<syntaxhighlight inline lang="xml" style="border:none;">
<line>
</syntaxhighlight>
|-
! style="text-align:left"| [[Bézierkurve]]
|
<syntaxhighlight inline lang="xml" style="border:none;">
<curve>
</syntaxhighlight>
|
<syntaxhighlight inline lang="xml" style="border:none;">
<path>
</syntaxhighlight>
{{nowrap|(C-Befehl)}}
|-
! style="text-align:left"| [[Kreisbogen]]
|
<syntaxhighlight inline lang="xml" style="border:none;">
<arc>
</syntaxhighlight>
|
<syntaxhighlight inline lang="xml" style="border:none;">
<path>
</syntaxhighlight>
{{nowrap|(A-Befehl)}}
|-
! style="text-align:left"| [[Bilddatei]]
|
<syntaxhighlight inline lang="xml" style="border:none;">
<image>
</syntaxhighlight>
|
<syntaxhighlight inline lang="xml" style="border:none;">
<image>
</syntaxhighlight>
|-
! style="text-align:left"| [[Pfad (Computergrafik)|Pfad]]
|
<syntaxhighlight inline lang="xml" style="border:none;">
<path>
</syntaxhighlight>
|
<syntaxhighlight inline lang="xml" style="border:none;">
<path>
</syntaxhighlight>
|-
! style="text-align:left"| Gruppierung
|
<syntaxhighlight inline lang="xml" style="border:none;">
<group>
</syntaxhighlight>
|
<syntaxhighlight inline lang="xml" style="border:none;">
<g>
</syntaxhighlight>
|}

=== Beispiel ===
[[Datei:Blue oval.svg|mini|Eine blaue Ellipse als Vektorgrafik.]]
{| style="border-spacing:0"
|-
| Das folgende VML-Beispiel stellt ein Oval mit blauer Füllung dar:
|-
|
<syntaxhighlight line lang="xml">
<html xmlns:v="urn:schemas-microsoft-com:vml">
<head>
<meta http-equiv="X-UA-Compatible" content="IE=5"/>
<style>v\:*{behavior:url(#default#VML);position:absolute}</style>
</head>
<body>
<v:oval style="left:0;top:0;width:100;height:50" fillcolor="blue" stroked="f"/>
</body>
</html>
</syntaxhighlight>
|-
| Das gleiche Beispiel als SVG sieht wie folgt aus:
|-
|
<syntaxhighlight line lang="xml">
<?xml version="1.0"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN"
"http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg xmlns="http://www.w3.org/2000/svg" width="100" height="50">
<ellipse cx="50" cy="25" rx="50" ry="25" fill="blue"/>
</svg>
</syntaxhighlight>
|}

== Kompatibilität ==

=== Browserunterstützung ===
Obwohl das Format als Standard durch das W3C abgelehnt und größtenteils durch Entwickler ignoriert wurde, implementierte Microsoft VML im [[Internet Explorer]] 5. Bis einschließlich Version 9 wird VML implizit im sogenannten [[Quirks-Modus]] unterstützt. In den beiden letzten Versionen 10 und 11 wird der Quirks-Modus nicht mehr implizit ausgewählt<ref name="Microsoft_VML_Support">{{Internetquelle |url=http://docs.microsoft.com/en/previous-versions/windows/internet-explorer/ie-developer/compatibility/hh801223(v=vs.85) |titel=VML is no longer supported |hrsg=Microsoft |datum=2016-12-15 |sprache=en |abruf=2022-02-17}}</ref><ref name="Microsoft_IE10_Compatibility">{{Internetquelle |url=http://docs.microsoft.com/en/previous-versions//hh801219(v=vs.85) |titel=IE10 Compatibility Changes |hrsg=Microsoft |datum=2013-09-16 |sprache=en |abruf=2022-02-17}}</ref>, sondern muss explizit festgelegt werden. Im Quirks-Modus werden neue Funktionen aus [[HTML5]] und [[Cascading Style Sheets|CSS3]] nicht oder fehlerhaft dargestellt. Ein herausragendes Beispiel dafür ist der [[Box-Modell-Fehler im Internet Explorer|CSS Box-Modell-Fehler]].
Der Quirks-Modus kann über das [[Liste der HTTP-Headerfelder|HTTP-Header-Feld]] <code>X-UA-Compatible</code> festgelegt werden, indem dessen Wert auf <code>IE=5</code> gesetzt wird.<ref name="Microsoft_X-UA-Compatibility">{{Internetquelle |url=http://docs.microsoft.com/en/openspecs/ie_standards/ms-iedoco/380e2488-f5eb-4457-a07a-0cb1b6e4b4b5 |titel=X-UA-Compatibility Meta Tag and HTTP Response Header |hrsg=Microsoft |datum=2020-10-13 |sprache=en |abruf=2022-02-17}}</ref> Alternativ kann diese Festlegung auch über ein HTML [[Meta-Element#Äquivalente zu HTTP-Kopfdaten|Meta-Element]] getroffen werden (siehe Zeile 3 im Beispiel).

<syntaxhighlight line start="3" lang="xml">
<meta http-equiv="X-UA-Compatible" content="IE=5"/>
</syntaxhighlight>

Zudem unterstützt der Internet Explorer [[Conditional Comments]] für VML. Diese ermöglichen eine unterschiedliche Darstellung von Inhalten in Anhängigkeit des genutzten Browsers bzw. der verfügbaren Technologien.<ref name="Microsoft_Conditional_Comments">{{Internetquelle |url=http://docs.microsoft.com/en/previous-versions/windows/internet-explorer/ie-developer/compatibility/ms537512(v=vs.85) |titel=About conditional comments |hrsg=Microsoft |datum=2015-11-05 |sprache=en |abruf=2022-02-20}}</ref> Man spricht von einer sogenannten [[Browserweiche]].

{| class="wikitable"
|-
! Start
! Inhalt
! Ende
|-
|
<syntaxhighlight inline lang="text" style="border:none;">

</syntaxhighlight>
|-
|
<syntaxhighlight inline lang="text" style="border:none;">
 -->
</syntaxhighlight>
| Alternativer Inhalt für alle anderen Browser (z. B. eine Rastergrafik oder SVG)
|
<syntaxhighlight inline lang="text" style="border:none;">

</syntaxhighlight>
|}

Ein konkreter Anwendungsfall sind geometrische Zeichnungen, die im Internet Explorer und Programmen aus der [[Microsoft Office]] Familie als qualitativ hochwertige Vektorgrafik dargestellt werden und in allen anderen Browsern als [[Rastergrafik]] mit [[Treppeneffekt]]en und ggf. [[Kompressionsartefakt]]en.

In Bezug auf den Internet Explorer selbst, können je nach Version unterschiedliche Vektorgrafikformate genutzt werden. SVG wird für den Internet Explorer erst ab Version 9 unterstützt. Für ältere Browser kann allerdings eine äquivalente Vektorgrafik im VML-Format angeboten werden.

Obwohl die Entwicklung des Internet Explorers Mitte Juni 2022 eingestellt wird<ref name="Microsoft_IE_Lifecycle">{{Internetquelle |url=http://docs.microsoft.com/en/lifecycle/faq/internet-explorer-microsoft-edge |titel=Lifecycle FAQ - Internet Explorer and Microsoft Edge |hrsg=Microsoft |datum=2021-11-03 |sprache=en |abruf=2022-02-17}}</ref>, besteht dennoch ab [[Microsoft Edge]] 77 die Möglichkeit, von dort aus einzelne Webseiten im IE-Modus darzustellen.<ref name="Microsoft_Edge_IE">{{Internetquelle |url=http://docs.microsoft.com/en-us/deployedge/edge-ie-mode |titel=What is Internet Explorer (IE) mode? |hrsg=Microsoft |datum=2022-02-10 |sprache=en |abruf=2022-02-17}}</ref> Dort wird auch VML nach wie vor unterstützt, sofern die Kompatibilität (wie zuvor beschrieben) entsprechend festgelegt wurde. Der IE-Modus soll in Edge bis mindestens 2029 zur Verfügung stehen.<ref name="Microsoft_IE_Lifecycle" />

Die Hürde zur Nutzung des IE-Modus ist vergleichsweise hoch, da entsprechende Seiten per Hand in eine Liste unter der Adresse <code>edge://settings/defaultBrowser</code> eingetragen werden müssen und nur 30 Tage gültig sind. Danach muss man diese bei Bedarf erneut eintragen.

Microsoft empfiehlt bereits seit 2012 einen Wechsel von VML zu SVG.<ref name="Microsoft_VML_Intro">{{Internetquelle |url=http://msdn.microsoft.com/en-us/library/bb263898(v=vs.85).aspx |titel=VML Introduction |hrsg=Microsoft |datum=2012-07-02 |sprache=en |offline=1 |archiv-url=
http://web.archive.org/web/20120902013534/http://msdn.microsoft.com/en-us/library/bb263898(v=vs.85).aspx |archiv-datum=2012-09-02 |abruf=2022-03-18}}</ref><ref name="Microsoft_VML_SVG_Guide" />

=== Microsoft Office ===
VML wird unter anderem auch in Microsoft Office für Vektorgrafiken genutzt. Beim Speichern von Office-Dokumenten als „[[Webseite]]“ (*.htm) oder „[[MIME Encapsulation of Aggregate HTML Documents|Webseite in einer Datei]]“ (*.mht) wird das Format genutzt, um Vektor-Zeichnungen derart in die entstehenden [[Hypertext Markup Language|HTML]]-Dateien einzubetten, dass sie verlustlos mit dem gleichen Office-Programm wieder geöffnet werden können. Dies gilt sogar noch für die aktuelle Office-Version 2408.

=== Google Maps und Amazon ===
[[Google Maps]] nutze früher VML zum Zeichnen von Vektorgrafiken<ref name="Microsoft_VML_SVG_Guide" />, wenn der Internet Explorer 5.5 oder höher genutzt wurde. Inzwischen ist dort die [[Mindestanforderung]] der Internet Explorer 10 und die Nutzung von VML wurde daher eingestellt.
Auch Amazon setzte früher stellenweise VML ein.<ref name="Microsoft_VML_SVG_Guide" />

== Siehe auch ==
* [[Grafikformat#Liste von Dateiformaten für 2D-Vektorgrafiken|Liste von Dateiformaten für 2D-Vektorgrafiken]]
* [[Microsoft Silverlight|Silverlight]] von Microsoft
* [[Office Open XML]] von Microsoft

== Weblinks ==
* [http://www.w3.org/TR/1998/NOTE-VML-19980513 Die abgelehnte VML-Spezifikation beim W3C]
* {{Webarchiv |url=http://msdn.microsoft.com/workshop/author/vml/ref/ |text=MSDN – How to Use VML on Web Pages |wayback=20050216031823}}

== Einzelnachweise ==
<references />

[[Kategorie:Grafikformat]]
[[Kategorie:XML-basierte Sprache]]
[[Kategorie:Offenes Format]]

Vector Markup Language - Versionsgeschichte

imported>Firobuz: direkt verlinkt, Weiterleitung umgangen