WML2.0 튜토리얼

WML2는 다음의 구문과 의미를 확장하는 언어입니다.

XHTML Basic [ XHTMLBasic ]
CSS Mobile Profile [ CSSMP ]
Unique semantics of WML1.0 [ WML1.0 ]

WML2는 휴대폰 및 기타 무선 모바일 터미널과 같은 제한된 기능의 장치에서 프레젠테이션 및 사용자 상호 작용을 지정하는 데 최적화되어 있습니다.

이 자습서에서는 WML (Wireless Markup Language) 버전 2에 대해 자세히 설명합니다.이 자습서에서는 WML 버전 2.0을 WML2라고합니다.

W3C에서 정의한 XHTML Basic은 XML에서 HTML을 재구성 한 XHTML의 적절한 하위 집합입니다.

WML2의 기본 목표 :

WML2에는 5 가지 주요 목표가 있습니다.

Backward compatibility: WML2 애플리케이션은 이전 장치에서도 실행되어야합니다.
Convergence with existing and evolving Internet standards: XHTML Basic [XHTMLBasic] 및 CSS 모바일 프로필 [CSSMP]
Optimisation of access from small, limited devices:WAP 지원 장치는 일반적으로 작고 배터리로 작동하며 메모리와 CPU 전력이 상대적으로 제한적입니다. 따라서 WML2는 이러한 장치에서 실행되도록 최적화되어야합니다.
Allowance for the creation of distinct user interfaces: WAP를 사용하면 공급 업체가 사용자 경험을 향상시킬 수있는 최대의 유연성과 기능을 갖춘 MMI (Man Machine Interface)를 만들 수 있습니다.
Internationalisation of the architecture:WAP는 국제적으로 사용되는 공통 문자 코드를 대상으로합니다. 여기에는 최종 사용자를위한 국제 기호 및 픽토그램 세트와 콘텐츠 개발자를위한 로컬 사용 문자 인코딩이 포함됩니다.

WML2 비전 :

WML2의 비전은 WML1의 고유 한 의미를 사용하여 XHTML Basic 및 CSS Mobile 프로필의 구문과 의미를 확장하는 언어를 만드는 것입니다. 사용자는 WML1 호환성이 어떻게 달성되는지 알지 못합니다.

WML2 언어 구조 :

WML2는 다음 구성 요소가 포함 된 새로운 언어입니다.

(1) XHTML 기본 :

이 요소 그룹은 W3C 수렴을위한 것입니다. 일부 요소의 경우 WML1 기능을 달성하기 위해 WML 확장 속성이 추가됩니다.

(1a) XHTML 기본 요소 :

a abbr 약어 주소 base blockquote br caption cite code dd dfn div dl dt em form h1 h2 h3 h4 h5 h6 head kbd label li link object ol param pre q samp span strong table td th title tr ul var

(1b) WML 확장 속성이있는 XHTML 기본 요소 :

본문 html img 입력 메타 옵션 p 스타일 선택 텍스트 영역

(2) XHTML 모듈화 요소 :

이 요소 그룹은 XHTML Basic에 포함되지 않은 XHTML 모듈의 선택 요소로 구성됩니다. 대부분의 요소는 WML1 호환성을 위해 포함됩니다. 제한된 핸드셋 기능에 맞는 개선 사항으로 한 가지 요소가 포함됩니다.

(2a) WML1과의 하위 호환성을위한 XHTML 모듈화 :

b big i small (프레젠테이션 모듈에서) u (레거시 모듈에서) fieldset optgroup (Forms 모듈에서)

(2b) 기능 향상을위한 XHTML 모듈화 요소 :

시간

(3) WML 확장 요소 :

XHTML Basic 또는 XHTML Modularization에서는 동등한 기능이 제공되지 않으므로 일부 요소는 WML1에서 가져옵니다. WML1 기능 향상을 위해 하나의 요소가 포함됩니다.

(3a) WML 확장 요소 (WML1 호환성 용) :

wml : access wml : anchor wml : card wml : do wml : getvar wml : go wml : noop wml : onevent wml : postfield wml : prev wml : refresh wml : setvar wml : timer

(3b) WML 확장 요소 (기능 향상 용) :

wml : widget

WML 문서 구조 모듈 :

구조 모듈의 다음 요소는 WML2 문서의 구조를 지정하는 데 사용됩니다.

body
html
wml:card
head
title

본문 요소 :

wml : newcontext 속성은 문서가로드 될 때 브라우저 컨텍스트가 잘 정의 된 상태로 초기화되는지 여부를 지정합니다. wml : newcontext 속성 값이 "true"이면 브라우저는이 카드를 탐색 할 때 브라우저 컨텍스트를 다시 초기화해야합니다.

html 요소 :

xmlns : wml 속성은 WML 네임 스페이스를 참조합니다 (예 : http://www.wapforum.org/2001/wml).

wml : use-xml-fragments 속성은 사용자 에이전트가 조각 식별자를 해석하는 방법을 지정하는 데 사용됩니다. go 작업 및 이전 작업에서 wml : use-xml-fragments 사용에 대한 자세한 내용은

wml : card 요소 :

wml : card 요소는 문서 본문의 일부를 지정합니다. 여러 wml : card 요소가 단일 문서에 나타날 수 있습니다. 각 wml : card 요소는 개별 프레젠테이션 및 / 또는 사용자와의 상호 작용을 나타냅니다.

wml : card 요소의 newcontext 속성 값이 "true"이면 브라우저는이 카드를 탐색 할 때 브라우저 컨텍스트를 다시 초기화해야합니다.

헤드 요소 :

이 요소는 메타 요소 및 스타일 시트 등과 같은 문서의 헤더 정보를 유지합니다.

제목 요소 :

이 요소는 문서 제목을 입력하는 데 사용됩니다.

NOTE:WML 개발자는 XHTML 문서 스타일, 즉 본문 구조를 사용하거나 카드 모음을 사용할 수 있습니다. 본문 구조가 사용되면 본문 요소를 사용하여 문서가 구성됩니다. 본문 요소에는 문서의 내용이 포함됩니다. 카드 모음이 사용되면 하나 이상의 wml : card 요소를 사용하여 문서가 구성됩니다.

WML2 작업

다음 작업은 WML2.0에 정의되어 있습니다. 이러한 작업은 WML1.0과 매우 유사합니다.

이동 작업
이전 작업
noop 작업
새로 고침 작업

WML2 이벤트 :

다음 이벤트 유형이 WML2에 정의되어 있습니다.

Intrinsic event: 사용자 에이전트에 의해 생성 된 이벤트이며 WML1.0과 유사한 다음 이벤트를 포함합니다.
- ontimer
- onenterforward
- onenterbackward
- onpick
Extrinsic event:일부 외부 에이전트가 사용자 에이전트로 보낸 이벤트입니다. WML 2 사양은 외부 이벤트의 클래스를 지정하지 않습니다. WML 외부 이벤트 클래스의 한 예는 WTA 이벤트 일 수 있습니다.

WML2 문서 유형 :

WML2 문서는 MIME 미디어 유형 "application / wml + xml"로 식별됩니다. "application / xhtml + xml"유형은 XHTML Basic을 포함하여 모든 XHTML 기반 마크 업 언어에서 문서를 식별하는 데 사용할 수 있습니다.

DOCTYPE 선언에는 XHTML 기본 공식 공용 식별자가 포함될 수 있으며 아래에 지정된대로 XHTML 기본 DTD의 URI도 포함될 수 있습니다.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML Basic 1.0//EN"
"http://www.w3.org/TR/xhtml-basic/xhtml-basic10.dtd">

WML2를 사용한 스타일 시트

스타일 시트는 WML2 문서의 스타일을 지정하는 데 사용할 수 있습니다. 스타일 정보는 다음 3 가지 방법으로 문서와 연관 될 수 있습니다.

외부 스타일 시트 :

외부 스타일 시트는 특수 XML 처리 명령 또는 링크 요소를 사용하여 문서와 연관 될 수 있습니다. XML 처리 명령을 사용할 수도 있습니다.

다음 예에서 XML 처리 명령은 외부 스타일 시트 "mobile.css"를 연관시키는 데 사용됩니다.

<?xml-stylesheet href="mobile.css" 
                    media="handheld" type="text/css" ?>

다음 예에서 링크 요소는 외부 스타일 시트 "mystyle.css"를 연관시키는 데 사용됩니다.

<html>
<head>
<link href="mystyle.css" type="text/css" rel="stylesheet"/>
...
</head>
...
</html>

내부 스타일 시트 :

스타일 정보는 스타일 요소를 사용하여 문서 내에서 찾을 수 있습니다. 링크와 같은이 요소는 문서 헤더에 있어야합니다.

다음은 내부 스타일 시트의 예입니다.

<html>
<head>
<style type="text/css">
p { text-align: center; }
</style>
...
</head>
...
</html>

인라인 스타일 :

style 속성을 사용하여 단일 요소에 대한 스타일 정보를 지정할 수 있습니다 . 이를 인라인 스타일이라고합니다.

다음 예에서는 인라인 스타일 정보가 특정 단락 요소에 적용됩니다.

<p style="text-align: center">...</p>

WML2 기본 스타일 시트 :

다음은 WML 2.0에 대한 샘플 스타일 시트입니다.

body, card, div, p, center, hr, h1, h2, h3, h4, h5, h6,
address, blockquote, pre, ol, ul, dl, dt, dd,
form, fieldset, object { display: block }
li      { display: list-item }
head    { display: none }
table   { display: table }
tr      { display: table-row }
td, th  { display: table-cell }
caption { display: table-caption }
th      { font-weight: bolder; text-align: center }
caption { text-align: center }
h1, h2, h3, h4, h5, h6, b, strong { font-weight: bolder }
i, cite, em, var,address { font-style: italic }
pre, code, kbd, pre { white-space: pre }
big     { font-size: larger}
small   { font-size: smaller}
hr      { border: 1px inset }
ol      { list-style-type: decimal }
u       { text-decoration: underline }