벡터 마크업 언어

Vector Markup Language
벡터 마크업 언어
파일 이름 확장명.htm또는.html
인터넷 미디어 유형
application/vnd.openxmlformats-authority.vmlDrawing
개발자마이크로소프트
형식 유형벡터 이미지 포맷
연장 위치XML
표준ECMA-376 및 ISO/IEC 29500:2008의 일부
웹사이트ECMA-376, ISO/IEC 29500-4:2012

벡터 마크업 언어(Vector Markup Language, VML)는 2차원 벡터 그래픽을 위한 구식 XML 기반 파일 형식이다.그것은 Office Open XML 표준 ISO/IEC 29500과 ECMA-376의 파트 4에 명시되었다.규격에 따르면 VML은 기존 이유만으로 Office Open XML에 포함된 더 이상 사용되지 않는 형식이다.[1][2]

VML은 MS Office 2007 Word, Excel 및 PowerPoint 문서에 광범위하게 사용되었다.[1][3][4]2012년 Internet Explorer 10의 출시로 VML은 구식이 되었고 더 이상 Internet Explorer 표준 모드에서 지원되지 않는다.[5]이전 버전의 Internet Explorer 6, 7, 8, 9의 기능을 에뮬레이트하는 모드에서 브라우저가 실행되도록 설정된 경우에만 Internet Explorer 10에서 사용할 수 있는 레거시 기능이다.

역사

VML은 1998년 오토데스크, 휴렛패커드, 매크로미디어, 마이크로소프트, 비전에 의해 W3C(World Wide Web Consortium)에 제출되었다.[6]비슷한 시기에 Adobe Systems, Sun Microsystems 등의 정밀 그래픽 마크업 언어(PGML)와 같은 웹 벡터 그래픽 분야에서 다른 경쟁 W3C 제출물을 받았다.[7]이러한 제출의 결과로, 새로운 W3C 워킹 그룹이 만들어졌고, 이 그룹은 SVG(Exable Vector Graphics)를 생산했다.2001년 2차원 벡터 및 혼합 벡터/래스터 그래픽을 XML로 기술하기 위한 언어로 SVG가 W3C 권장사항이 되었다.[8] VML은 SVG와 같은 다른 형식을 선호하기 때문에 주로 더 이상 사용되지 않았다.[9] SVG는 VML과 호환되지 않는다.[10]

그 포맷의 개발은 1998년에 중단되었다.[11]VML은 버전 5부터 버전 9까지 Internet Explorer와 Microsoft Office 2000에서 구현된다.VML은 Internet Explorer 10에서 더 이상 사용할 수 없다.[12]마이크로소프트는 웹사이트가 SVG로 전환될 것으로 기대하고 있다.[13]Google 지도 JavaScript API 버전 2는 Internet Explorer 5.5+[14]에서 벡터 경로에 VML을 사용하는 데 사용되었지만 버전 3을 위해 공식적으로 사용되지 않고 있다.[15]

구문

다음은 Microsoft Excel 2010에서 생성된 VML 인스턴스:

<>xml xmlns:v="항아리:schemas-microsoft-com:vml"xmlns:o="항아리:schemas-microsoft-com:사무실:사무실"xmlns:x="항아리:schemas-microsoft-com:사무실: 뛰어난">,<>시:vshapelayout:ext="편집">,<>시:idmap v:ext="편집"data="1"/>,<>/o:shapelayout>,<>v:shapetype id="_x0000_t202"coordsize="21600,21600"시:spt="202"path="m,l,21600r21600,l21600,xe"&g.t,<>v:뇌졸중 joinstyle="연귀"/>,<>v:경로시:connecttype="rect"/> gradientshapeok="t",<>/v:shapetype>,<>v:모양 id="_x0000_s1025"type="#_x0000_t202"style='position:절대, margin-left:203.25pt, margin-top:82.5pt, 너비:108pt, 높이:59.25pt, z-index:1에서:' 숨겨진 fillcolor="#ffffe1"시:insetmode="자동차">,<>v:color2="#ffffe1"/&gt을 채우고,<>v:그림자.="t"color=" 검은"obscured="t"/><v:path o:connecttype="none"/<v:textbox style='mso-direction-alt:auto'>></div></v:textbox> <x:ClientData ObjectType="><x:MoveWithCells/<x:SizeachineWithCells/><x:Anchor> 4, 15, 5, 10, 6, 31, 9, 9</x:앵커> <x:자동 채우기>거짓:자동 채우기 <x:Row>6</x:> <x:Column>3</x:Column> </x:ClientData> </v:shape> </xml>

VML은 "xml"이라는 루트 요소를 지정함으로써 W3C의 XML 권장 사항을 위반한다는 점에 유의하십시오. W3C는 'x' 'm' 'l'을 시작하는 이름은 "이 규격의 이 버전 또는 향후 버전에서 표준화를 위해 보존된다"[16]고 명시한다.

Internet Explorer의 VML 타원형
VML Webart 예제[17]

HTML 마크업 내에 포함된 VML은 Microsoft Internet Explorer(다른 브라우저는 아님)에 의해 읽히고 처리된다. 예를 들어, 다음 예에서는 파란색 타원형을 단색으로 표시한다.

<html xmlns:v> <스타일>v\:*{행동:url(#default#VML);position:absolute}</style> <v:oval style="왼쪽:0;width:100;높이:50" fill color="/"body"쓰다듬었다.

구현

VML은 '를 사용하여 생성된 HTML 파일 내에서 Microsoft WordMicrosoft Visio와 같은 대부분의 Microsoft Office 애플리케이션에 의해 사용된다.Save As HTML ' 옵션(플레인 HTML 또는 MHT).이러한 파일은 완전한 벡터 정보를 유지하며 마이크로소프트 파워포인트와 같은 다른 마이크로소프트 애플리케이션을 사용하여 편집하기 위해 다시 열 수 있다.VML은 정의되지 않은 버전의 SGML 네임스페이스를 사용하여 HTML 내에서 버전 9까지 Microsoft Internet Explorer에서 기본적으로 지원했다.Internet Explorer 10 및 이후 버전에서 VML에 대한 지원이 중단됨.[18]

Office Open XML 파일의 "링크 주석"에 대한 지원은 3.7 개발 주기 동안 LibreOffice에 추가되었다.[19]

VML은 대부분의 웹 브라우저에서 기본적으로 지원되지 않는다.Mozilla Firefox, Opera, Safari 또는 Google Chrome과 같은 웹 브라우저는 VML 대신 SVG(확장 가능한 벡터 그래픽)를 지원한다.

Microsoft Outlook HTML 이메일 렌더링

VML은 Internet Explorer에서 표준으로 사용되지 않지만 Microsoft Outlook 2007, 2010 및 2013에서 제공된 HTML 전자 메일의 개발과 관련하여 가장 일반적으로 사용된다.Outlook은 백그라운드 이미지의 CSS 또는 HTML 속성을 지원하지 않기 때문에 이메일 캠페인에 백그라운드 이미지를 사용하려면 아웃룩에 VML을 표시해야 한다.

전체 너비 테이블 셀 배경 이미지

<html xmlns:v="urn:schemas-schemas-com:vml">     <머리>         <문체를 하다>             v:* { 행동: url(#default#VML); 전시하다: 인라인 블록; }         </문체를 하다>     </머리>     <보디>     <테이블 너비="100%" 높이="20">         <tr>             <td를 색칠을 하다="#ddddddddd" 문체를 하다="vmx-image:vmxhttp://placekitten.com/g/500/300');background-repeat:no-repeat;background-position:center;" 배경="http://placekitten.com/g/500/300" 너비="100%" 높이="300">             <!--[만약 gte mso 9]> <v:ret xmlns:v="urn:schemas-schemas-com:vml" fill="true" 스트로크="false" style="mso-width-percent:1000;130px;"> <v:fill type="frame" src="http://placekitten.com/g/500/300" color="#fffffff" /> </v:수정> <![엔디프]->             </td를>         </tr>     </테이블> </보디> </html> 

타일 처리된 전체 너비 테이블 셀 배경 이미지

<html xmlns:v="urn:schemas-schemas-com:vml">     <머리>         <문체를 하다>             v:* { 행동: url(#default#VML); 전시하다: 인라인 블록; }         </문체를 하다>     </머리>     <보디>     <테이블 너비="100%" 높이="20">         <tr>             <td를 색칠을 하다="#ddddddddd" 문체를 하다="vmx-image:vmxhttp://placekitten.com/g/500/300');background-repeat:no-repeat;background-position:center;" 배경="http://placekitten.com/g/500/300" 너비="100%" 높이="300">             <!--[만약 gte mso 9]> <v:ret xmlns:v="urn:schemas-schemas-com:vml" fill="true" 스트로크="false" style="mso-width-percent:1000;130px;"> <v:fill type="fil" src="http://placekitten.com/g/500/300" color="#fffffff" /> </v:수정> <![엔디프]->             </td를>         </tr>     </테이블> </보디> </html> 

지정된 너비 테이블 셀 배경 이미지

<>htmlxmlns:v="항아리:schemas-microsoft-com:vml">,<>head>, <, style>, v:*{행동:url(#기본 # 경제), 디스플레이:inline-block.}<>/style>,<>/head>,<>body>,<>테이블 width="600"border="0"cellpadding="0"cellspacing="0"style="border-collapse:붕괴.">, <, tr>,<>td style="width:300px, 높이:80px, background-.이미지:url('http://placekitten.com/g/300/80');">,>!--[만약 gte mso 9]>,<>v:이미지 xmlns:v="항아리:schemas-microsoft-com:vml"id="theImage"style='behavior:url(#기본 # 경제), 디스플레이:inline-block, 위치:절대, 너비:300px, 높이:80px, 위:0; 남아:0;국경:0;z-index:1;'src="http://placekitten.com/g/300/80"/>,<>v:모양이다. xmlns:v="항아리:schemas-microsoft-com:vml"id="theText"style='behavior:url(#기본 # 경제), 디스플레이:inline-block, 위치:절대, 너비:300px, 높이:80px, 위:-5; 남아:에서, 국경:0;z-index:2;'>,<>div>,<>![endif]--><>테이블 width="300"border="0"cellspacing="0"cellpadding="0"style="border-collapse:붕괴.">, <, tr>,<>height="80"align="센터"valign td.="top" style="color:#fffff;number-size:20px;"<span>텍스트</td> </table> <!--[if gte mso 9]> </div> </v:shape> <![endif]--> </td> </tr> </table> </html>

참고 항목

참조

  1. ^ a b "Is VML in or out now, or was that a typo?". 2007-06-22. Archived from the original on 2008-06-21. Retrieved 2010-07-29.
  2. ^ "Ecma TC45 - New proposed dispositions extend progress in addressing all National Body comments, seek to document and resolve legacy issues – Nearly 2/3 of comments now reviewed". 2007-12-21. Retrieved 2010-07-29.
  3. ^ Stephane Rodriguez (2007-09-04). "Microsoft Office XML formats ? Defective by design".
  4. ^ Yegor Kozlov. "POI API Documentation — Class XSSFVMLDrawing". Apache Software Foundation. Retrieved 2010-07-29.
  5. ^ Microsoft. "VML is no longer supported".
  6. ^ Mathews, Brian; Brian Dister; John Bowler; Howard Cooper stein; Ajay Jindal; Tuan Nguyen; Peter Wu; Troy Sandal (13 May 1998). "Vector Markup Language (VML)". W3C. Retrieved 2009-05-08.
  7. ^ Al-Shamma, Nabeel; Robert Ayers; Richard Cohn; Jon Ferraiolo; Martin Newell; Roger K. de Bry; Kevin McCluskey; Jerry Evans (10 April 1998). "Precision Graphics Markup Language (PGML)". W3C. Retrieved 2009-05-08.
  8. ^ W3C (2001-09-04). "Scalable Vector Graphics (SVG) 1.0 Specification". Retrieved 2010-07-29.
  9. ^ Dennis Forbes (July 2003). "Vector Graphics". MSDN Magazine. Retrieved 2010-07-29.
  10. ^ "VML — Vector Graphics on the Internet". July 2001. Retrieved 2010-07-29.
  11. ^ Jon Frost; Stefan Goessner; Michel Hirtzler (2003). Learn SVG: the web graphics standard. p. 7. ISBN 0-9741773-0-X. Support for Microsoft's submission, VML, has been realized in Internet Explorer, but development stopped in the autumn of 1998.
  12. ^ "Internet Explorer 10 Compatibility Cookbook (Windows)". MSDN. Microsoft. 1 October 2012. Retrieved 28 November 2012.
  13. ^ Seth McEvoy (2010-03-16), VML to SVG Migration Guide, Microsoft, retrieved 2010-07-29
  14. ^ "Map Overlays — Drawing Polylines". Google Maps API — version 2. Retrieved 2010-05-25.
  15. ^ "Google Maps Javascript API V3 Reference". Google Maps JavaScript API V3. Retrieved 2010-05-25.
  16. ^ "Extensible Markup Language (XML) 1.0 (Fifth Edition)". World Wide Web Consortium. 2008-11-26. Retrieved 2012-11-12.
  17. ^ "Vector Mona Lisa". Archived from the original on 2013-01-04. Retrieved 2011-08-29.
  18. ^ "Microsoft Removes Legacy Baggage from Internet Explorer 10". 9 December 2011.
  19. ^ "Importing OOXML Ink annotations into LibreOffice". Archived from the original on 1 October 2012.

외부 링크