Trio 홈페이지 - 기본 HTML 데이터 타입

이 항목에서는 엘레멘트의 컨텐트(content)나 애트리뷰트의 값으로 나타 날 수 있는 기본 데이터 타입을 설명한다.

6.1 대소문자 구별 정보

각 애트리뷰트 정의에는 다음 키(key)들로 표현 된 값의 대소문자 구별성(case-sensitivity)이 포함 되어있다.

만일 애트리뷰트 값이 목록이면 별도로 표시하지 않는 항 그 키는 목록의 각 값에 적용된다.

6.2 SGML 기본 타입들

문서 타입 정의(DTD)는 SGML 토큰(예: PCDATA, CDATA, NAME, ID 등)을 사용하여 HTML의 엘레멘트 컨텐트나 애트리뷰트 값을 지정하는 문법이다. 완전한 정의는 [ISO8879]을 참조하라. 다음은 키 정보의 요약이다.

6.3 텍스트 문자열

여러 개의 애트리뷰트(DTD의 %Text;)가 텍스트를 사람이 볼수 있도록 해 준다. 애트리뷰트의 소개 정보는 애트리뷰트 안내서를 참조하라.

6.4 URI

상대 URI는 기본 URI[RFC1808]로 부터 완전한 URI을 찾아낸다. 그 과정의 설명은 항목 3 지정 기능을 참조하라. 기본 URI에 대한 자세한 설명은 연결의 기본 URI를 참조하라.

URI는 DTD에서 파라메터(parameter) 엔티티(entity) %URI;로 표현된다.

URI는 일반적으로 대소문자 구별하여 사용된다. 기계 이름과 같이 URI 전체 혹은 부분에 대소문자가 관계 없는 것도 있으나 이를 구분하는 것은 쉽지 않다. 안전을 위하여 사용자는 URI는 항상 대소문자 구별한다고 생각하는 것이 좋다.

6.5 색상

애트리뷰트 값 타입 "color"(%Color;)는 색상 정의[SRGB]를 참조 한 것이다. 색상 값은 16진수(#로 시작) 또는 16 색상명 중 하나가 될 수 있다. 색상명은 대소문자 구별 없이 사용된다

**색상명과 RGB 값**
Black	= "#000000"	Green	= "#008000"
Silver	= "#C0C0C0"	Lime	= "#00FF00"
Gray	= "#808080"	Olive	= "#808000"
White	= "#FFFFFF"	Yellow	= "#FFFF00"
Maroon	= "#800000"	Navy	= "#000080"
Red	= "#FF0000"	Blue	= "#0000FF"
Purple	= "#800080"	Teal	= "#008080"
Fuchsia	= "#FF00FF"	Aqua	= "#00FFFF"

색상 값 "#800080"과 "Purple"은 같은 자색을 나타낸다.

6.5.1 색상 사용에 대 한 주석

색상 사용이 현저히 문서의 정보를 더 제공하고 읽기 쉽게하지 만, 문서에 색상을 사용 시 다음 사항을 고려하라.

HTML의 색상 지정을 엘레멘트와 애트리뷰트에서 하는 것은 불량한 것이다. 그 대신 스타일쉬트를 적극적으로 사용하라.
색맹이 구별하기 어려운 색상의 조합을 사용하지 마라.
만일 배경 이미지나 배경색을 사용하는 경우, 글자 색상을 글자를 읽기 좋게 설정하라.
BODY와 FONT 엘레멘트와 표(table)에서 bgcolor로 색상을 지정하면, 컴퓨터 플래트폼(예: workstations, Macs, Windows와 LCD 판넬 대 CRT 모니터)에 따라 다르게 표현된다. 따라서 특수한 효과에 완전히 의존하지 말아야한다. 향후 [SRGB] 색상 모델이 ICC 색상 체계와 함께 이 문제가 해결 되도록 지원 될 것이다.
가능하면 일반적인 방법을 사용하여 사용자가 혼동하지 않도록 하라.

6.6 길이(length)

HTML은 애트리뷰트에 세가지의 길이 값을 지정하고 있다.

Pixels: 이 값 (DTD의 %Pixels;)은 스크린이나 종이에서 팩셀(pixel) 수의 정수를 나타낸다. 그래서 이 값 "50" 은 50개의 픽셀을 말한다. 자세한 pixel 정의는 번역문 CSS1을 참조하라.
Length: 이 값 (DTD의 %Length;)은 %Pixel;이거나, 또는 스크린 또는 가용 수평 공간의 백분율이 될 수 있다. 값 "50%"는 가용 공간의 반을 의미한다.
MultiLength: 이 값 (DTD의 %MultiLength;)은 %Length; 또는 상대 길이가 될 수 있다. 상대 길이는 "i"가 정수 일때 "i*" 형태가 된다. 공간을 엘레멘트 사이에 배정 함에 있어서 사용도구는 픽셀(pixel)과 백분율을 먼저 배정하고, 나머지 공간을 상대 길이들에게 배정한다. 각 상대 길이는 가용 공간을 "*" 앞 정수(i) 비율로 배정 받는다. "*"의 값은 1이다. 만일 사용도구에 의해 pixel과 백분율을 배정 한 다음 나머지 공간이 60 pixel이고, 상대 길이가 1*, 2*, 3*이면 1*은 10 pixel, 2*는 20 pixel, 3*은 30 pixel을 배정받게 되는 것이다.

길이 값은 대소문자 중립적(case-neutral)이다.

6.7 컨텐트 타입(content type: MIME type)

주기: 메디아 타입(media type: [RFC2045]와 [RFC2046]에 정의)은 연결 된 자원을 지정한다. 이 규격에서는 메디아 타입 보다 현재 많이 사용하고 있는 "컨텐트 타입(content type)"이라는 용어를 사용하고, 메디아 타입이라는 용어는 사용도구가 문서를 볼 때 사용하는 메디아(media)를 지칭한다.

이 타입은 DTD의 %ContentType;에 기술되어있다.

컨텐트 타입(content type)은 대소문자 구별 없이 사용된다.

컨텐트 타입의 예로는 "text/html", "image/png", "image/gif", "video/mpeg", "audio/basic", "text/tcl", "text/Javascript", "text/vbscript" 등이 있다. 현재 등록 된 [MIMETYPES] 목록을 참조하라.

주기: 컨텐트 타입 "text/css"는 현재 IANA에 등록되어 있지 않으나, 연결 된 자원이[CSS1 번역문] 스타일쉬트이면 이것을 사용하여야 한다.

6.8 언어 코드

애트리뷰트 값의 타입이 언어 코드 (DTD의 %LanguageCode)이면 항목 2의 [RFC1766]에 정의 된 언어 코드를 참조한다. HTML에서 언어 코드를 표시 할 때 필요한 정보는 언어 코드에 있다. language-code 안에서 공간은 허용되지 않는다,

언어 코드는 대소문자 구별 없이 사용된다.

6.9 글자 엔코딩

"charset" 애트리뷰트(DTD의 %Charset)는 글자 엔코딩 항목에 기술되어있다. 값은 IANA 등록(전체 목록은 [CHARSETS])의 예를 들어 "euc-jp"와 같은 문자열이어야 한다.

글자 엔코딩의 이름은 대소문자 구별 없이 사용된다.

외부 자원으로 부터의 글자 엔코딩을 지정하기 위 해 사용도구는 글자 엔코딩 지정 항목에서 요구하는 과정을 따라야한다.

6.10 단일 글자

어떤 애트리뷰트는 문서 글자 세트로 부터 단일 글자를 부른다. 이들 애트리뷰트 타입은 DTD에서 %Character이다.

단일 글자는 글자 참조(예: "&")에 기술 되어있다.

6.11 일자와 시간

[ISO8601]은 일자와 시간에 많은 선택 사항과 다양 한 표현 방법을 제공한다. 현재 규격은 문법에 맞는 일자/시간 문자열 (DTD의 %Datetime)의 정의를 위하여 [DATETIME]에 기술하고 있는 양식을 사용하고 있다.

그 양식은:

 YYYY-MM-DDThh:mm:ssTZD

여기서:

    YYYY = 네 글자 년도
    MM   = 두 글자 월 (01=1월 등)
    DD   = 두 글자 일 (01에서 31까지)
    hh   = 두 글자 시각 (00에서 23까지: 오전(am)/오후(pm)는 허용하지 않음)
    mm   = 두 글자 분 (00 에서 59까지)
    ss   = 두 글자 초 (00 에서 59까지)
    TZD  = 시간 지역 지정

시간 지역 지정은 아래 중 하나이다.

Z: 국제 표준 시각(UTC: Coordinated Universal Time)을 나타낸다. "Z"는 대문자 이어야 함.
+hh:mm: 현지시각이 국제 표준 시각(UTC)보다 hh 시간과 mm 분 먼저 간다는 것을 의미한다.
-hh:mm: 현지시각이 국제 표준 시각(UTC)보다 hh 시간과 mm 분 늦게 간다는 것을 의미한다.

문법과 기호, 구둣점은 꼭 맞어야한다. 여기서 문자열 앞의 "T"는 [ISO8601]에 기술 된 바와 같이 시간(일자 포함) 엘레멘트가 시작된다는 의미이며 반드시 대문자로 표시한다.

만일 읽혀지는 시간의 초를 모르면 두번째 값에 "00"을 쓸 수 있다(필요하다면 시간과 분 모두).

주기: [DATETIME]에는 초를 건너 뛰는 것에 대 한 설명은 없다.

6.12 링크 타입(link type)

제작자는 다음의 일반적으로 알려진 링크 타입들과 설명을 함께 참조 할 수 있다. DTD에서 %LinkTypes의 공간 글자로 분리 된 링크 타입의 목록을 참조한다. 공간 글자는 링크 타입에서 허용된다.

링크 타입은 대소문자 구별 없이사용된다. 말하자면 "Alternate"와 "alternate"는 같은 의미로 사용된다.

사용도구, 검색 엔진 등에서 링크 타입을 다른 방식으로 해석 할 수 도 있다. 예를 들어 사용도구는 항해 바(navigation bar)를 통하여 연결 된 문서에 접속을 제공하기도한다.

대체(Alternate): 연결되는 문서의 다른 대체 버전(version)을 지정 함. lang 애트리뷰트와 같이 사용되면 문서의 번역 된 버전 임을 암시하고, 메디아(media) 애트리뷰트와 같이 사용 되면 다른 메디아를 위 해 지정 된 버전 임을 암시한다.
스타일쉬트(stylesheet): 외부 스타일쉬트를 의미 함. 세부사항은 외부 스타일쉬트(external style sheet) 항목을 참조하라. 사용자가 선택적으로 사용 할 수 있는 다른 스타일쉬트도 같이 쓸 경우 링크 타입을 "Alternate"와 같이 사용한다.
시작(Start): 여러 문서들 중에서 첫번째 문서를 말 함. 이 링크 타입은 검색 엔진에게 제작자가 어떤 문서로 부터 검색을 시작 할 것인가를 알려 준다.
다음(Next): 연속 된 순서의 문서들로 부터 다음 문서를 말 함. 사용도구는 시간을 절약하기 위하여 "다음(next)" 문서를 미리 읽어 들일(preload) 수 있다.
이전(Prev): 연속 된 순서의 문서들로 부터 이전 문서를 말 함. 일부 사용도구는 동의어 "이전(Previous)"을 지원한다.
내용(Contents): 내용 목록 표(table)로 문서를 지원 함을 의미 함. 일부 사용도구는 같은 의미로 목록(ToC: "Table of contents"의 약자) 기능을 지원한다.
색인(Index): 현재 문서의 색인(index)으로 제공 함.
모듬(Glossary): 현재 문서의 주요 내용에 대한 용어 모듬으로 제공 함.
장(Chapter): 문서들의 모듬을 장(chapter)로 지원 함.
항목(Section): 문서들의 모듬을 항목(section)으로 지원 함.
하위 항목(Subsection): 문서들의 모듬을 하위 항목(subsection)으로 지원 함.
부록(Appendix): 문서들의 모듬을 부록(Appendix)으로 지원 함.
도움말(help): 문서의 도움말(help)로 제공 함(추가 정보, 정보 자원에 연결 등).
북마크(bookmark): 확장 된 문서 안에서 연결 입력 키인 북마크(bookmark)의 제공을 말 함. 북마크의 이름을 부여하는 title 애트리뷰트를 사용 할 수 있다. 한 문서에 여러개의 북마크들을 가질 수 있다.

제작자는 이 규격이 정의하지 않은 추가적인 링크 타입의 사용를 원 할 수 있다. 이런 경우 링크 타입(link type)의 정의에 사용 한 내용을 인용하기 위하여 profile을 사용한다. 세부사항은 HEAD 엘레멘트의 profile 애트리뷰트를 참조하라.

링크 타입의 추가적인 설명은 HTML 문서의 연결을 참조하라.

6.13 메디아 설명자(Media descriptor)

다음은 잘 알려진 메디아 설명자(Media descriptor: DTD의 %MediaDesc)들의 목록이다.

화면(screen): 쪽 수가 없는(non-paged) 컴퓨터 화면을 위하여.
터미날(tty): 타자기, 터미날 또는 운반 장치 등과 같은 제한 된 디스플레이 능력을 가진 일정한 글자 간격(fixed-pitch)을 사용하는 메디아를 위하여.
텔레비젼(tv): 텔레비젼 타입 장치(저 해상도, 색상, 제한 된 화면 굴림)를 위하여.
프로젝터(projection): 프로젝터를 위하여.
수동장치(handheld): 손 위에서 작동하는 장치(작은 화면, 단색, 비트맵 그래픽, 제한 된 주파수대)를 위하여.
인쇄(print): 쪽 수 있는 불투명 물질과 인쇄의 미리보기 화면을 위하여.
점자(braille): 촉감으로 점자를 읽는 장치를 위하여.
음성 장치(aural): 음성 조합 장치(speech synthesizer)를 위하여.
모든 장치(all): 모든 장치에 적합하게.

향 후 HTML 버전에서는 새로운 값이 소개 될 것이고, 파라메터(parameter)로 된 값이 허용 될 것이다. 이들 새로운 확장을 수용하기 위하여 HTML 규격에 맞는 사용도구는 아래와 같이 media 애트리뷰트 값을 해석(parse) 할 수 있어야 한다.

값은 컴마(,)로 분리 된 입력 단위의 목록으로, 예를 들면,
```
media="screen, 3d-glasses, print and resolution> 90dpi"
```
이는 다음과 같이 배열된다.
```
"screen"
"3d-glasses"
"print and resolution> 90dpi"
```
각 입력 단위는 US ASCII 글자['a'-'z', 'A'-'Z': Unicode 10진수 65-90, 97-122), 숫자['0'-'9': Unicode hex 30-39), 또는 하이픈('-': 45)이 아닌 글자를 만나면 그 뒤는 잘려 나간다.
예제에서는 그 결과:
```
"screen"
"3d-glasses"
"print"
```
대소문자 구별하여 위에서 설정 한 메디아 타입과 일치하는 것으로 지정된다. 사용도구는 맞지 않는 입력 단위를 무시 할 수 있다. 위 예제에서는 screen과 print가 남는다.

주기: 스타일쉬트는 메디아와 연관 된 변화를 그 안에 포함 할 수 있다(예: CSS @media construct). 이 경우는 "media=all"를 사용하는 것이 적절 할 것이다.

6.14 스크립트 데이터(Script data)

스크립트 데이터(DTD에서 %Script;)는 SCRIPT 엘레멘트의 컨텐트와 원래의 이벤트 애트리뷰트의 값이 될 수 있다. 사용도구는 스트립트 데이터를 HTML 작성 문서로 해석해서는 않되고 그대로 스크립트 엔진에 전달하여야 한다.

스크립트 데이터의 대소문자 구별성(case-sensitivity)은 스크립트 언어에 따라 다르다.

엘레멘트 컨텐트인 스크립트 데이터는 글자 참조를 포함 할 수 없으나 스크립트 데이터가 애트리뷰트의 값이면 글자 참조를 포함 할 수 있슴에 주의하라. 비 HTML 데이터의 지정에 대하여 부록에 추가적인 정보가 제공 되었다.

6.15 스타일쉬트 데이터(Style sheet data)

스타일쉬트 데이터(DTD에서 %stylesheet;)는 STYLE 엘레멘트의 컨텐트와 style 애트리뷰트의 값이 될 수 있다. 사용도구는 스트립트 데이터를 HTML 작성 문서로 해석해서는 안된다.

스크립트 데이터의 대소문자 구별성은 스타일쉬트 언어에 따라 다르다.

엘레멘트 컨텐트인 스타일쉬트 데이터는 글자 참조를 포함 할 수 없으나, 스타일쉬트 데이터가 애트리뷰트의 값이면 글자 참조를 포함 할 수 있슴에 주의하라. 비 HTML 데이터의 지정에 대하여 부록에 추가적인 정보가 제공 되었다.

6.16 프레임 목표(target) 이름

아래 명시 된 예약어를 제외하고는 프레임 목표 이름(DTD의 %FrameTarget;)은 알파벳(a-z, A-Z) 글자로 시작하여야 한다. 사용도구는 다른 모든 목표 이름을 무시하여야 한다.

다음 목표 이름들은 예약되었으며 특수한 의미를 갖는다.

_blank: 사용도구는 새로운, 이름이 없는 윈도우를 연다.
_self: 사용도구는 이 목표를 지시하는 엘레멘트와 같은 프레임에 문서를 로드하여야 한다.
_parent: 사용도구는 현재 프레임의 바로 FRAMESET 모체 프레임에 문서를 로드하여야 한다. 만일 현재 프레임이 모체 프레임을 갖고 있지 않으면 이 값은 _self와 같다.
_top: 사용도구는 모든 프레임을 제거하고 전체인 최초의 윈도우에 문서를 로드하여야 한다. 만일 현재 프레임이 모체 프레임을 갖고 있지 않으면 이 값은 _self와 같다.

이

문서(http://trio.co.kr/webrefer/html40/types.html)는 자유로이 연결 사용이 가능함.