Tag |
Attribute |
사용 설명 | |
선언문 |
【설명】 |
폰으로 접근한 WML deck(파일)은 유효한 XML 문서를 의미함 | |
<wml> </wml> |
【설명】 |
하나의 deck를 정의하는 태그 | |
xml:lang="" |
WML문서에서 사용되는 공식 언어를 표시함 ㆍ영어 : xml:lang="en-us" | ||
<head> </head> |
【설명】 |
head 요소는 전체적으로 deck와 관련된 정보를 포함하고 있음. <access/> 태그와 <meta/> 태그 정보를 포함하며, <access/>태그는 한 번만 사용 가능하고, <meta/> 태그는 두 번 이상도 사용할 수 있음 | |
<meta> |
【설명】 |
WML deck에 메타(meta) 정보를 제공하며, deck에 대한 접근 권한 정보와 함께 <head> 내에 표시됨 | |
property |
【속성】 |
왼쪽의 2가지 속성 중에서 하나를 사용 | |
http- equiv="" |
프라퍼티가 http 헤더로 해석될 수 있어야 하며 다음과 같이 사용함(http-equiv="Cache-Control") | ||
name="" |
프라퍼티의 이름 | ||
forua=“” |
true/false 중 선택 | ||
content="" |
property 속성과 관련된 메타 데이터의 값을 표시(기본 30일) → content="max-age=0"으로 선언되면 캐시되지 않음 | ||
scheme="" |
프라퍼티의 값을 해석하는데 사용되는 폼이나 구조 | ||
<access/> |
【설명】 |
WML덱에 대한 접근 권한 정보를 표시하며 <head>내에 표시 | |
domain="" |
deck에 접근 가능항 도메인 표시, 기본값은 해당 WML deck이 포함된 URL | ||
path="" |
deck 내의 card에 접근할 수 있는 디렉토리 루트를 표시 (기본값=“/” | ||
<template> </template> |
【설명】 |
WML deck 전체에 영향을 미치는 동작을 정의하며, 카드에서 정의되는 동작이 우선시 됨. WML deck에서 Template 태그는 한번만 사용함 | |
onenterforward="URL" |
<go>라는 task 태그를 이용하여 WML deck로 이동해 왔을 때, card의 내용(contents)를 보여주기 전에 onenterforward속성에서 지정한 주소로 이동하는 이벤트 발생 | ||
onenterbackward="URL" |
<prev>라는 task 태그를 이용하여 WML deck로 이동해 왔을 때, card의 내용(contents)를 보여주기 전에 onenterbackward속성에서 지정한 주소로 이동하는 이벤트 발생 | ||
ontimer="URL" |
<timer>태그와 함께 사용되며, timer에서 지정한 시간이 지난 후 ontimer 속성에서 지정한 주소로 이동하는 이벤트 발생(카드의 내용을 지정된 시간만큼 보여줌) | ||
<card> </card> |
【설명】 |
사용자에게 보여지는 하나의 화면을 구성하여, LCD의 세로범위를 벗어나는 경우는 상,하 이동버튼으로 스크롤 됨 | |
id="" |
카드명으로 카드간의 이동 시 기준이 되는 링크 이름(#id) ㆍID는 대소문자를 구분(링크 시 주의) ㆍ한글 사용 불가(영문/숫자 조합 사용) ㆍ공백(space)이 있어서는 안됨 | ||
title="" |
카드에 대한 간략한 설명으로서, SK-WML에서는 LCD의 맨 윗부분에 표시되며, UP-WML에서는 무시되고 표시되지 않음 | ||
newcontext= "true/false" |
<go> 태그를 이용하여 해당 카드로 이동해 올 경우 카드 내용의 초기화 여부를 설정함(기본값=false) ㆍtrue : 메모리에 저장된 history stack 및 변수값을 삭제 (단, deck에서 request 받은 변수값은 유효함) ㆍfalse : 메모리에 저장된 정보를 삭제하지 않음 | ||
ordered= "true/false" |
카드 내용의 구성에 관한 정의(기본값=false) ㆍordered="True" : 순서대로 카드 내용을 보여줌 ㆍordered="false" : 사용자가 카드 내용을 선택하여 봄 SK-WML에서는 ordered 속성이 무시됨 | ||
onenterforward="" |
<go> 태그를 이용하여 해당 카드로 왔을 때 이동항 URL을 설정하며, <templste>의 onenterforward 속성과 동일한 동작을 함(onevent 태그에도 onenterforward 속성이 있으며, 이와 동일한 동작을 함 | ||
onenterbackward="" |
<prev> 태그를 이용하여 해당 카드로 왔을 때 이동항 URL을 설정하며, <templste>의 onenterbackward 속성과 동일한 동작을 함(onevent 태그에도 onenterbackward 속성이 있으며, 이와 동일한 동작을 함 | ||
ontimer="" |
<timer>태그와 함께 사용되며, timer에서 설정한 시간이 종료되었을 경우에 이동할 URL을 표시함. <template>의 ontimer 속성과 동일한 동작을 함(onevent 태그에도 timer 속성이 있으며, 동일한 동작을 함) |
Tag |
Attribute |
사용 설명 |
<p> </p> |
【설명】 |
한 문단을 표시하며, 카드 내에 여러 개의 <p>태그가 올 수 있으나, <p>태그 내에는 <p>태그가 올 수 없음 |
align |
문단 정렬 속성(left/right/center) | |
mode= "wrap/nowrap" |
화면에 한 줄을 출력할 때 한 줄의 글자수가 한 라인에 표시될 수 있는 가로 크기보다 길 때, 수평으로 스크롤 할 것인지 스크롤 없이 다음 줄에 연결하여 출력할 것인지를 설정함 -wrap : no scroll -nowrap : scroll | |
<br/> |
【설명】 |
줄바꿈 |
<em> </em> |
【설명】 |
텍스트를 강조하여 표시하는데 사용됨 |
<strong> </strong> |
【설명】 |
텍스트를 특히 강조(IM-1200에서는 표시 안됨) |
<b> </b> |
【설명】 |
텍스트를 두꺼운 글씨로 표시 |
<i> </i> |
【설명】 |
이탤릭체로 표시 |
<u> </u> |
【설명】 |
텍스트에 밑줄을 그어 표시 |
<big> </big> |
【설명】 |
텍스트를 큰 글씨로 표시 |
<small> </small> |
【설명】 |
텍스트를 작은 글씨로 표시 |
<fieldset> </fieldset> |
【설명】 |
여러 개의 텍스트와 입력 아이템을 몇 개의 그룹으로 묶는다. 한 카드에 보여주기에 많은 양의 텍스트나 입력 아이템을 나타내는데 적당하며, <fieldset>태그 내에는 일반 텍스트, <fieldset>, <select>, <input> 태그들이 올 수 있음 |
title="" |
함께 묶인 그룹 명 |
WML - 리스트(list)관련 Tag
- WML1.1 버전은 HTML 계열에서 지원하는 <li>, <ul>과 같은 리스트 관련 Tag를 지원하지 않는다.
Tag |
Attribute |
사용 설명 |
<table> </table> |
【설명】 |
표를 만들 경우에 사용하며, HTML의 table 태그와 달리 column의 간격 등을 지정할 수는 없음 ㆍSK-WML에서는 테이블의 라인이 표시되나, UP-WML에서는 표시되지 않음 |
title="" |
table명 | |
align="" |
표 내에 입력되는 내용의 정렬 방식(left/right/center) | |
columns="" |
열의 개수, 최소 한 개 이상의 열을 표시해야 함 | |
<tr> |
【설명】 |
<table></table> 사이에 두어 1행을 구성함. 복수개 사용 |
<td> |
【설명】 |
<tr></tr> 사이에 두어 1행을 구성함. 복수개 사용 |
Tag |
Attribute |
사용 설명 | |
<a> </a> |
【설명】 |
하이퍼링크(Hyperlink) 설정 태그 | |
href="" |
링크될 목적지 주소 입력 | ||
title="" |
[선택], [전화], [확인]과 같이 링크에 대한 라벨(lable)로 기능키 영역에 표시됨 | ||
accesskey="" |
링크를 휴대폰의 숫자 버튼으로 실행하도록 설정(1~9) +ㆍUP-WML 전용의 속성 | ||
<anchor> </anchor> |
【설명】 |
하이퍼링크(Hyperlink) 설정 태그로서 <a>태그와 용도가 유서하며, <go>, <prev>, <refresh>, <noop>와 같은 task 태그와 쌍을 이룸 | |
title="" |
[선택], [전화], [확인]과 같이 링크에 대한 라벨(lable)로 기능키 영역에 표시됨 | ||
accesskey="" |
링크를 휴대폰의 숫자 버튼으로 실행하도록 설정(1~9) ㆍUP-WML 전용의 속성 | ||
<do> </do> |
【설명】 |
<a>태그와 마찬가지로 림크 태그 설정을 한다. 단, do 태그는 기능키(function key)를 정의할 수 있음 ㆍ기능키란 휴대폰 브라우저 화면의 아래쪽 왼쪽과 오른쪽에 표시되는 링크를 기능키라고 한다. 보통 왼쪽 기능키를“어셈트키”, 오른쪽 기능키를 “소프트키”라고 한다. ㆍtask는 <go>, <prev>, <noop>, <refresh>가 있다. 사용자가 type 속성에서 지정한 버튼을 눌렀을 때 수행하는 task를 나타낸다. | |
type= |
【설명】 |
설정한 type에 따라서 <do>태그를 이용한 링크가 브라우저의 특정한 위치 또는 형태로 표시되도록 설정하며, 이동이나 전화걸기와 같은 동작은 <go>, <prev>, <noop>, <refresh>와 같은 task태그에 의해서 결정됨 | |
"accept" |
<do type="accept" lable="쇼핑몰“> <go href="shop.wml“> </do> ㆍUP-WML에서 속성은 기능키 영역의 왼쪽에 표시됨(폰에 따라서 오른쪽에 표시될 수도 있음) ㆍSK-WML에서 accept 속성을 사용하면 화면상에 표시됨 | ||
“options" |
<do type="options" lable="이전“> <go href="index.wml“> </do> ㆍUP-WML에서 options 속성은 기능키 영역의 accept 반대쪽에 표시됨(폰에 따라서 오른쪽에 표시될 수도 있음) ㆍSK-WML에서 options 속성을 사용하면 화면상에 표시됨 | ||
“delete" |
<do type="delete" lable="이전“> <go href="index.wml“> </do> ㆍUP-WML에서 delete 속성은 기능키 영역의 accept 반대쪽에 표시됨(폰에 따라서 오른쪽에 표시될 수도 있음) ㆍSK-WML에서 delete 속성을 사용하면 화면상에 표시됨 | ||
"prev" |
<do type="prev" lable="이전“> <go href="index.wml“> </do> ㆍUP-WML에서 prev 속성은 [back]버튼을 누르는 경우, 쌍을 이룬 task 태그의 설정에 따라서 동작함. 즉, 화면상에는 표시되지 않음 ㆍSK-WML에서 prev 속성을 사용하면 화면상에 표시됨 | ||
"vnd.skmn1~9" |
<do type=""vnd.skmn1" lable="쇼핑몰“> <go href="shop.wml“> </do> ㆍSK-WML 전용의 속성으로 UP-WML에서는 사용하지 않음. <do>태그를 이용하여 휴대폰의 숫자버튼과 매칭시키는 링크를 만듬 | ||
“vnd.up" |
<do type=""vnd.up" lable="상위“> <go href="index.wml“> </do> ㆍUP-WML에서 vnd.up 속성은 기능키 영역의 accept 반대쪽에 표시됨 ㆍSK-WML에서 vnd,up 속성은 [상위] 전용 버튼을 만들어준다. 이 속성을 사용한 경우에만 [상위] 버튼이 기능키 영역에 나타남 | ||
“vnd.next" |
<do type=""vnd.next" lable="방문하기“> <go href="main.wml“> </do> ㆍUP-WML에서 vnd.up 속성은 기능키 영역의 accept 반대쪽에 표시됨 ㆍSK-WML에서 vnd.next 속성을 사용하면 화면상에 표시됨 | ||
"vnd.prev" |
<do type=""vnd.prev" lable="이전“> <go href="index.wml“> </do> ㆍUP-WML에서 vnd.prev 속성은 기능키 영역의 accept 반대쪽에 표시됨 ㆍSK-WML에서 vnd.prev 속성을 사용하면 화면상에 표시됨 | ||
"vnd.call" |
<do type=""vnd.call" lable="문의전화“> <go href="wati//wp/mc;021234567"/> </do> ㆍUP-WML에서 vnd.call 속성은 기능키 영역의 accept 반대쪽에 표시됨 ㆍSK-WML에서 vnd.call 속성을 사용하면 화면상에 표시됨 | ||
lable="" |
링크의 이름을 표시함 ㆍUP-WML : 라벨의 길이가 한글 3~4글자를 넘지않도록 함 ㆍSK-WML : 라벨의 길이에 제한 없음. 단 vnd.up를 사용한 경우는 lable에서 설정한 링크명이 나타나지 않고 무조건 [상위]로 표시됨 | ||
name="" |
<do> 태그의 고유한 이름을 설정 ㆍ동일한 card 내에서 같은 type 속성을 2개 이상 사용할 경우, name 값을 달리하여 구분. name 값을 달리 설정하지 않고 갚은 type을 사용한 경우 첫 번째 type만 유효하고 그 외의 것은 무시됨 ㆍ동일한 card 내에서 같은 type 속성이 다르더라도 name의 값은 다르게 설정하여야 함. name 이 동일한 경우 해당 <do> 태그들은 모두 무시됨 | ||
optional= "true/false" |
브라우저가 <do> 태그를 무시할 수 있는지 여부를 나타내며, 기본값은 “false"임 ㆍUP-WML : 정상적으로 동작함 ㆍSK-WML : 폰에서 무시됨 | ||
<go> </go> or <go> |
【설명】 |
버튼이 실행되었을 때 설정된 주소 이동 또는 전화 걸기 동작 설정 | |
href="http://" href="wati://wp/ mc;" |
이동할 목적지 주소 또는 폰번호 | ||
sendreferer= "true/false" |
URL을 요구할 때 WML deck의 URL을 포함할지 여부를 나타내며 기본값은 False임. sendrefere=“true"는 HTTP-REFERER 헤더에 deck의 상대 URL을 설정함 | ||
method= "get/post" |
변수값 전달 방식이며 기본값은 “get"임 | ||
accept- charset="" |
사용하는 문자셋 예) 영어=“en-us"/한글=”ks_c_5601-1987") | ||
<prev> </prev> |
<prev/> |
이전으로 돌아가기 동작 수행(휴대폰의 [이전] 버튼 수행) | |
<refresh> </refresh> |
【설명】 |
현재의 deck를 refresh하는 동작을 하며, <setvar>와 함께 사용하여 변수의 값을 재설정할 수 있음 | |
<noop/> |
【설명】 |
아무런 동작도 수행하지 않도록 설정하는 task ㆍUP-WML : 정상적으로 동작함 ㆍSK-WML : 폰 기종에 따라서 정상 동작하지 않고 무시됨 | |
<onevent> </onevent> |
【설명】 |
<onevent>의 type 속성에 따라 이벤트가 발생을 하도록 설정하며, 실제 동작의 형태는 <go>, <prev>, <noop>, <refresh> task 태그로 지정을 함. <option>과 쌍을 이루어 <onevent type="onpick">인 경우를 제외하고는 <p>태그 내에 사용될 수 없음 | |
type="ontimer" |
타이머가 종료될 때 onevent가 수행되며, <p> 태그 내에는 위치하지 못함 | ||
type="onpick" |
사용자가 <option>의 아이템을 선택할 때 이벤트가 발생하며, <option> 태그와 함께는 <p>내에 위치함. 즉 <option> 태그는 아이템을 select 또는 deselect하는 경우에 사용하나, <option>에 <onevent> 태그를 사용하여 사용자의 선택과 동시에 “이동”하는 이벤트(go, prev, refresh, noop)를 발생함 | ||
type= "onenterforward" |
<go>라는 task 태그를 이용하여 WML deck로 이동해 왔을 때, card의 내용(contents)를 보여주기 전에 onenterforward속성에서 지정한 주소로 이동하는 이벤트 발생 | ||
type= "onenterbackward" |
<prev>라는 task 태그를 이용하여 WML deck로 이동해 왔을 때, card의 내용(contents)를 보여주기 전에 onenterbackward속성에서 지정한 주소로 이동하는 이벤트 발생 | ||
<timer/> |
【설명】 |
타이머의 시간을 설정, 일정한 시간이 지나면 자동적으로 task를 실행하도록 하는 태그 | |
name="" |
타이머의 값을 저장할 변수 | ||
value="" |
변수에 설정한 시간값으로 1/10초 단위로 표시 |
Tag |
Attribute |
사용 설명 | |
<form> </form> |
|
HTML의 <FORM ACTION="cgi-bin.뭋.cgi" METHOD="get">에서 변수를 넘겨주는 것이 아니라, <go> tag를 이용함 | |
<input/> |
【설명】 |
사용자로부터 입력을 받음 | |
name="" |
입력받은 텍스트를 저장할 변수 | ||
type= |
"text" |
입력받는 텍스트를 그대로 보여주는 경우에 설정 | |
"password" |
입력받는 택스트를 *로 변환하여 보여주는 경우에 설정 | ||
"phonenum" |
ㆍUP-WML 전용 속성으로 숫자 입력 모드를 default로 설정하며 format 속성이 무시됨. 단, 숫자뿐 아니라 다른 문자도 입력이 가능한 점이 format="N"과 다른 점임 | ||
value="" |
name 변수의 기본값(기본값을 설정하지 않는 경우, 사용하지 않음) | ||
format="" |
사용자가 입력하는 텍스트의 양식(설정하지 않는 경우, 미사용) ㆍUP-WML : 일치하지 않는 경우 기본값이 나타나지 않음 ㆍSK-WML : 일치하지 않더라도 기본값이 표시됨 | ||
emptyok="true" |
사용자의 입력을 받지 않고도 다음으로 넘어갈 수 있도록 설정(guest ID로 로그온 시 사용) | ||
emptyok="false" |
사용자의 입력이 필수로 설정(여러 개의 입력 중에서 1개라도 false인 경우 입력하지 않으면 “입력확인”이 되지 않음 | ||
size="" |
입력 글자 수 제한(UP 시뮬레이터와 휴대폰 모두 지원 안함) | ||
maxlength="" |
사용자가 입력할 수 있는 최대 문자 수(기본적으로 256byte가 최대) ㆍ한글은 완성문자가 1문자에 해당하고, 영문/숫자 등은 one character를 1의 문자로 적용됨 | ||
tabindex="" |
input 엘리먼트의 탭(tab) 위치로서, input 엘리먼트가 통과하는 상대적인 순서(UP-WML, SK-WML 모두 지원 안됨) | ||
title="" |
입력 엘리먼트의 타이틀 ㆍUP-WML : 휴대폰에서 무시됨 ㆍSK-WML : 초기모델은 무시되며 최신모델은 정상 동작함 | ||
accesskey="1~9" |
UP-WML 전용 스펙으로 guide에서는 명시되어 있으나 폰에서 지원되지 않음. UP-WML에서 사용시 에러는 발생하지 않으나 SK-WML에서 사용시 에러 발생함 | ||
<postfield/> |
【설명】 |
<go> task 태그의 동작시 post 방식으로 서버에 넘겨줄 변수와 변수값 정의 | |
name="" |
변수명 | ||
value="" |
변수값 | ||
<setvar/> |
【설명】 |
<go>, <prev>, ,refresh> 태그를 사용한 task를 수행할 때 변수(variables)에 변수값을 설정 | |
name="" |
변수명 | ||
value="" |
변수값 | ||
<select> </select> |
【설명】 |
여러 선택 리스트 중에 하나 또는 이상을 선택할 수 있도록 동작하며, Nate 지원 휴대폰과 ez-i 지원 휴대폰의 UI가 매우 다르므로 꼭 휴대폰으로 확인하여야 함 | |
title="" |
<select> 태그의 타이틀 ㆍUP-WML : 휴대폰에서 무시함 ㆍSK-WML : 휴대폰에서 정상적으로 표시됨 | ||
name="" |
사용자가 옵션을 선택했을 때 옵션(option)에 지정된 값(value)을 저장하는 변수 | ||
values="" |
Name 변수에 사용될 기본값을 표시 | ||
iname="" |
인덱스를 저장하는 변수로서 value가 아닌 ivalue를 저장함 | ||
ivalue="" |
iname 변수로서 기본값으로 사용(1:2) | ||
multiple="" |
여러 개의 옵션 선택이 가능하도록(true/false) 설정하며 기본은 flase임 | ||
tabindex="" |
select 엘리먼트의 탬(tab) 위치로서, 여러 개의 select 엘리먼트를 보여주는 상대적인 순서(SK-WML, UP-WML 모두 지원 안됨) | ||
<option> </option> |
【설명】 |
<select> 태그 내에서 선택할 몹션(option)을 표시 | |
|
value="" |
옵션을 선택 시 <select> 태그의 name 변수에 저장될 값을 표시 | |
title="" |
<option>의 lable | ||
onpick="" |
옵션이 선택되면 이동할 URL, <onevent> 태그를 사용하지 않고 이벤트 처리 가능 | ||
<optgroup> </optgroup> |
【설명】 |
여러 개의 옵션을 하나의 그룹으로 묶음. 즉, 그룹을 분류해 주는 기능만을 함. <select> 태그 사이에는 일반적인 text 삽입이 ehl지 않기 때문임 | |
title="" |
옵션 그룹명 ㆍUP-WML : 타이틀 속성이 무시됨 ㆍSK-WML : 정상적으로 표시됨 |
Tag |
Attribute |
사용 설명 |
<img/> |
【설명】 |
브라우저상에 이미지를 표시하는 태그 |
alt="" |
이미지를 표시하지 못할 경우에 대시 출력되는 문자열로서 꼭 사용하여야 함(alt="" 같이 문자열을 넣지 않더라도 꼭 사용) | |
src="" |
표시할 이미지가 위치한 주소(만약 localsrc 속성이 유효하면 무시됨) | |
localsrc="" |
"rainy"와 같이 기본적으로 사용되는 아이콘명을 입력하면 되며, device의 ROM에 이미지가 없는 경우 UP.Link Server를 참조하여 이미지를 보여줌 | |
align="" |
이미지의 위치(top.middle/bottom) |
[출처] WML - 기본 Tag |작성자 그대 아웃라이어
'Program' 카테고리의 다른 글
Marshall (0) | 2009.12.27 |
---|---|
아스키(ASCII) 코드 표 (0) | 2009.12.22 |
input tag (0) | 2009.12.16 |
[마틴파울러]Refactoring에서 나온 관련 좋은 문구 (0) | 2009.12.15 |