Vektoros jelölési nyelv - Vector Markup Language

Vektor jelölőnyelv
Fájlnévkiterjesztés .htm vagy .html
Internet média típusa
application / vnd.openxmlformats-officedocument.vmlDrawing
Által kifejlesztett Microsoft
A formátum típusa Vektor kép formátum
-Tól meghosszabbítva XML
Alapértelmezett Az ECMA-376 és az ISO / IEC 29500: 2008 része
Weboldal ECMA-376 , ISO / IEC 29500-4: 2012

A Vector Markup Language ( VML ) egy elavult, XML- alapú fájlformátum a kétdimenziós vektorgrafikák számára . Ezt az Office Open XML ISO / IEC 29500 és ECMA -376 szabványainak 4. része határozta meg. A specifikáció szerint a VML egy elavult formátum, amelyet csak az Office Open XML tartalmaz, csak örökölt okokból.

A VML-t széles körben használták az MS Office 2007 Word, Excel és PowerPoint dokumentumokban. 2012-ben az Internet Explorer 10 kiadásával a VML elavulttá vált, és az Internet Explorer szabványos módja már nem támogatja. Ez egy olyan örökölt szolgáltatás, amely csak akkor érhető el az Internet Explorer 10 böngészőben, ha a böngésző úgy van beállítva, hogy az Internet Explorer 6, 7, 8 és 9 korábbi verzióinak funkcionalitását utánzó üzemmódokban fusson.

Történelem

A VML-t az Autodesk , a Hewlett-Packard , a Macromedia , a Microsoft és a Vision 1998- ban nyújtotta be a világháló-konzorciumhoz (W3C) . Körülbelül ugyanabban az időben más versenyző W3C beküldések érkeztek a webes vektorgrafika területén, például az Precision Graphics Markup Language (PGML) az Adobe Systems , a Sun Microsystems és mások részéről. Ezen beadványok eredményeként egy új W3C munkacsoport jött létre, amely Scalable Vector Graphics (SVG) -et készített . Az SVG 2001-ben W3C-ajánlássá vált, mint a nyelv a kétdimenziós vektorok és a vegyes vektoros / raszteres grafikák XML-ben történő leírására. A VML nagyrészt elavult más formátumok, például az SVG helyett. Az SVG nem kompatibilis a VML-lel.

A formátum fejlesztése 1998-ban leállt. A VML-t az Internet Explorer 5- től 9-es verzióig és a Microsoft Office 2000-ben valósítják meg . A VML már nem érhető el az Internet Explorer 10 böngészőben . A Microsoft arra számít, hogy a webhelyek áttérnek az SVG-re. A Google Maps JavaScript API 2. verziója korábban VML-t használt vektoros útvonalakhoz az Internet Explorer 5.5+ vagy újabb verzióiban, de hivatalosan elavult a 3. verzió javára, amely nem.

Szintaxis

Az alábbiakban egy VML-példány található, amelyet a Microsoft Excel 2010 készített:

<xml xmlns:v="urn:schemas-microsoft-com:vml"
 xmlns:o="urn:schemas-microsoft-com:office:office"
 xmlns:x="urn:schemas-microsoft-com:office:excel">
 <o:shapelayout v:ext="edit">
  <o:idmap v:ext="edit" data="1"/>
 </o:shapelayout><v:shapetype id="_x0000_t202" coordsize="21600,21600" o:spt="202"
  path="m,l,21600r21600,l21600,xe">
  <v:stroke joinstyle="miter"/>
  <v:path gradientshapeok="t" o:connecttype="rect"/>
 </v:shapetype><v:shape id="_x0000_s1025" type="#_x0000_t202" style='position:absolute;
  margin-left:203.25pt;margin-top:82.5pt;width:108pt;height:59.25pt;z-index:1;
  visibility:hidden' fillcolor="#ffffe1" o:insetmode="auto">
  <v:fill color2="#ffffe1"/>
  <v:shadow on="t" color="black" obscured="t"/>
  <v:path o:connecttype="none"/>
  <v:textbox style='mso-direction-alt:auto'>
   <div style='text-align:left'></div>
  </v:textbox>
  <x:ClientData ObjectType="Note">
   <x:MoveWithCells/>
   <x:SizeWithCells/>
   <x:Anchor>
    4, 15, 5, 10, 6, 31, 9, 9</x:Anchor>
   <x:AutoFill>False</x:AutoFill>
   <x:Row>6</x:Row>
   <x:Column>3</x:Column>
  </x:ClientData>
 </v:shape>
</xml>

Vegye figyelembe, hogy az "xml" nevű gyökérelem megadásával a VML sérti a W3C XML ajánlását , amely kimondja, hogy az "x" "m" "l" kezdetű nevek "szabványosításra vannak fenntartva a specifikáció ezen vagy későbbi verzióiban" .

Image
VML ovális az Internet Explorerben
Image
VML Webart példa

A HTML- jelölésbe ágyazott VML-t a Microsoft Internet Explorer olvassa és dolgozza fel (más böngészők nem); például a következő példa egy folytonos kék oválist mutat:

<html xmlns:v>
<style>v\:*{behavior:url(#default#VML);position:absolute}</style>
<body>
<v:oval style="left:0;top:0;width:100;height:50" fillcolor="blue" stroked="f"/>
</body>
</html>

Végrehajtások

A VML-t a legtöbb Microsoft Office alkalmazás, például a Microsoft Word és a Microsoft Visio , a ' Save As HTML ' 'opcióval létrehozott HTML fájlokban (sima HTML vagy MHT ) használja. Az ilyen fájlok megőrzik a teljes vektorinformációt , és szerkesztés céljából újra megnyithatók más Microsoft-alkalmazások, például a Microsoft PowerPoint segítségével . A VML-t natívan támogatta a Microsoft Internet Explorer a HTML-en belül beágyazott 9. verzióig, az SGML névterek nem definiált változatát használva . A VML támogatása megszűnt az Internet Explorer 10 és az azt követő verziókban.

Az Office Open XML fájlokban található "tintajegyzetek" támogatását a 3.7 fejlesztési ciklus során hozzáadták a LibreOffice programhoz .

A legtöbb webböngésző natív módon nem támogatja a VML-t. Az olyan webböngészők, mint a Mozilla Firefox, az Opera, a Safari vagy a Google Chrome, a VML helyett a Scalable Vector Graphics (SVG) szolgáltatást támogatják .

Microsoft Outlook HTML e-mail megjelenítés

Noha a VML szabványként elavult az Internet Explorer programban, a leggyakrabban a Microsoft Outlook 2007, 2010 és 2013 programban nyújtott HTML-e-mailek fejlesztésével kapcsolatosan használják. A háttérképek használata az e-mail kampányokban VML használatát igényli azért jelenik meg az Outlookban, mert az Outlook nem támogatja a háttérképek CSS- vagy HTML-attribútumait.

Teljes szélességű táblázatcella háttérképek

<html xmlns:v="urn:schemas-microsoft-com:vml">
    <head>
        <style>
            v:* { behavior: url(#default#VML); display: inline-block; }
        </style>
    </head>
    <body>
    <table width="100%" height="20">
        <tr>
            <td bgcolor="#dddddd" style="background-image:url('http://placekitten.com/g/500/300');background-repeat:no-repeat;background-position:center;" background="http://placekitten.com/g/500/300" width="100%" height="300">
            <!--[if gte mso 9]>
            <v:rect xmlns:v="urn:schemas-microsoft-com:vml" fill="true" stroke="false" style="mso-width-percent:1000;height:300px;">
                <v:fill type="frame" src="http://placekitten.com/g/500/300" color="#ffffff" />
            </v:rect>
            <![endif]-->
            </td>
        </tr>
    </table>
</body>
</html>

Csempézett teljes szélességű táblázatcella háttérképek

<html xmlns:v="urn:schemas-microsoft-com:vml">
    <head>
        <style>
            v:* { behavior: url(#default#VML); display: inline-block; }
        </style>
    </head>
    <body>
    <table width="100%" height="20">
        <tr>
            <td bgcolor="#dddddd" style="background-image:url('http://placekitten.com/g/500/300');background-repeat:no-repeat;background-position:center;" background="http://placekitten.com/g/500/300" width="100%" height="300">
            <!--[if gte mso 9]>
            <v:rect xmlns:v="urn:schemas-microsoft-com:vml" fill="true" stroke="false" style="mso-width-percent:1000;height:300px;">
                <v:fill type="tile" src="http://placekitten.com/g/500/300" color="#ffffff" />
            </v:rect>
            <![endif]-->
            </td>
        </tr>
    </table>
</body>
</html>

Meghatározott szélességű táblázatcella háttérképek

<html xmlns:v="urn:schemas-microsoft-com:vml">
    <head>
        <style>
            v:* { behavior: url(#default#VML); display: inline-block; }
        </style>
    </head>
    <body>
    <table width="600" border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse;">
        <tr>
            <td style="width: 300px; height: 80px; background-image: url('http://placekitten.com/g/300/80');">
            <!--[if gte mso 9]>
            <v:image xmlns:v="urn:schemas-microsoft-com:vml" id="theImage" style='behavior: url(#default#VML); display: inline-block; position: absolute; width: 300px; height: 80px; top: 0; left: 0; border: 0; z-index: 1;' src="http://placekitten.com/g/300/80" />
                <v:shape xmlns:v="urn:schemas-microsoft-com:vml" id="theText" style='behavior: url(#default#VML); display: inline-block; position: absolute; width: 300px; height: 80px; top: -5; left: -10; border: 0; z-index: 2;'>
                <div>
             <![endif]-->
             <table width="300" border="0" cellspacing="0" cellpadding="0" style="border-collapse: collapse;">
                 <tr>
                     <td height="80" align="center" valign="top" style="color:#ffffff;font-size:20px;"><span>Text</span></td>
                 </tr>
             </table>
             <!--[if gte mso 9]>
                 </div>
                 </v:shape>
             <![endif]-->
             </td>
         </tr>
    </table>
</body>
</html>

Lásd még

Hivatkozások

Külső linkek