Vektorimerkintäkieli - Vector Markup Language

Vektorimerkintäkieli
Tiedostonimen laajennus .htm tai .html
Internet-mediatyyppi
application / vnd.openxmlformats-officedocument.vmlDrawing
Kehittäjä Microsoft
Formaatin tyyppi Vektorikuvan muoto
Laajennettu vuodesta XML
Vakio Osa ECMA-376 ja ISO / IEC 29500: 2008
Verkkosivusto ECMA-376 , ISO / IEC 29500-4: 2012

Vector Markup Language ( VML ) on vanhentunut XML- pohjainen tiedostomuoto kaksiulotteiselle vektorigrafiikalle . Se määritettiin Office Open XML -standardien ISO / IEC 29500 ja ECMA -376 osassa 4 . Määrittelyn mukaan VML on vanhentunut muoto, joka sisältyy Office Open XML: ään vain vanhoista syistä.

VML: ää käytettiin laajasti MS Office 2007 Word-, Excel- ja PowerPoint-asiakirjoissa. Vuonna 2012, kun Internet Explorer 10 julkaistiin , VML vanhentui, eikä Internet Explorerin vakiotila enää tue sitä. Se on vanha ominaisuus, joka on käytettävissä Internet Explorer 10: ssä vain, kun selain on asetettu toimimaan tilassa, joka jäljittelee Internet Explorer 6: n, 7: n, 8: n ja 9: n aiempien versioiden toimintoja.

Historia

Autodesk , Hewlett-Packard , Macromedia , Microsoft ja Vision toimittivat VML: n World Wide Web Consortiumille (W3C) vuonna 1998 . Noin samaan aikaan muita kilpailevia W3C-lähetyksiä vastaanotettiin verkkovektorigrafiikan alueella, kuten Precision Graphics Markup Language (PGML) Adobe Systemsiltä , Sun Microsystemsiltä ja muilta. Näiden ilmoitusten tuloksena luotiin uusi W3C-työryhmä, joka tuotti skaalattavan vektorigrafiikan (SVG). SVG: stä tuli W3C-suositus vuonna 2001 kielenä kaksiulotteisen vektorin ja sekavektori / rasterigrafiikan kuvaamiseen XML: ssä. VML on pitkälti vanhentunut muiden formaattien, kuten SVG: n, hyväksi. SVG ei ole yhteensopiva VML: n kanssa.

Kehittäminen muotoa loppui vuonna 1998. VML toteutetaan Internet Explorerin versio 5 on versio 9 ja Microsoft Office 2000 . VML ei ole enää käytettävissä Internet Explorer 10: ssä . Microsoft odottaa verkkosivustojen siirtyvän SVG: hen. Google Mapsin JavaScript- sovellusliittymän versiolla 2 käytettiin VML: ää vektoripolkuihin Internet Explorer 5.5+: ssa, mutta se on virallisesti vanhentunut version 3 puolesta, mikä ei.

Syntaksi

Alla on VML-ilmentymä, jonka on tuottanut Microsoft Excel 2010:

<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>

Huomaa, että määrittelemällä juurielementin nimeltä "xml", VML rikkoo W3C: n XML- suositusta , jonka mukaan nimet, jotka alkavat "x" "m" "l", on "varattu standardointiin tässä tai tulevissa tämän määrityksen versioissa" .

Image
VML soikea Internet Explorerissa
Image
Esimerkki VML-Webartista

Kun HTML- merkintöihin upotettu VML lukee ja käsittelee Microsoft Internet Explorer (mutta ei muut selaimet); esimerkiksi seuraava esimerkki näyttää tasaisen sinisen soikean:

<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>

Toteutukset

VML: ää käytetään useimmissa Microsoft Office -sovelluksissa, kuten Microsoft Word ja Microsoft Visio , HTML-tiedostoissa, jotka on luotu käyttämällä Save As HTML vaihtoehtoa (tavallinen HTML tai MHT ). Tällaiset tiedostot säilyttävät täydelliset vektoritiedot , ja ne voidaan avata uudelleen muokkausta varten muilla Microsoft-sovelluksilla, kuten Microsoft PowerPointilla . Microsoftin Internet Explorer tuki VML: ää natiivisti HTML-versioon saakka versioon 9 käyttäen SGML- nimitilojen määrittelemätöntä versiota . VML-tuki poistettiin Internet Explorer 10: ssä ja sitä seuraavissa versioissa.

Tuki "mustemerkintöihin" Office Open XML -tiedostoissa lisättiin LibreOfficeen 3.7-kehitystyön aikana.

Useimmat verkkoselaimet eivät tue luonnollisesti VML: ää. Web-selaimet, kuten Mozilla Firefox, Opera, Safari tai Google Chrome, tukevat skaalattavaa vektorigrafiikkaa (SVG) VML: n sijaan.

Microsoft Outlook HTML -sähköpostin renderointi

Vaikka VML on vanhentunut Internet Explorerin vakiona, sitä käytetään yleisimmin Microsoft Outlook 2007: ssä, 2010: ssä ja 2013: ssa tuotettujen HTML-sähköpostien kehittämiseen. Taustakuvien käyttö sähköpostikampanjoissa edellyttää VML: n käyttöä näkyvät Outlookissa, koska Outlook ei tue taustakuvien CSS- tai HTML-määritteitä.

Täysleveät taulukon solujen taustakuvat

<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>

Laatatut täysleveät taulukon solujen taustakuvat

<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>

Määritetyt leveystaulukon solujen taustakuvat

<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>

Katso myös

Viitteet

Ulkoiset linkit