W3C2 HTML 4의 소개Trio 홈페이지
목차
  1. 월드와이드웹(World Wide Web) 이란?
    1. URI의 소개
    2. 부위 지정자(fragment identifier)
    3. 상대 URI
  2. HTML 이란 ?
    1. HTML의 개략적인 역사
  3. HTML 4
    1. 국제화
    2. 접속성
    3. 표(table)
    4. 복합 문서
    5. 스타일쉬트(style sheet)
    6. 스크립트(Scripting)
    7. 인쇄
  4. HTML 4으로 문서 작성
    1. 구조와 표현의 분리
    2. 범용 웹 접속성의 고려
    3. 점진적 표현으로 사용도구 돕기

2.1 월드와이드웹(World Wide Web) 이란 ?

World Wide Web (Web)은 정보 자원들의 네트워그(network)이다. 웝은 다음 세가지 기능으로 넓게 분포 된 청중들이 정보 자원을 쉽게 접속 할 수 있게 한다.

  1. 통일 된 웹 자원의 위치 지정 방법 (예를 들어, URI).
  2. 웝의 자원 이름에 접근하는 프로토콜(protocol) (예: HTTP).
  3. 자원들 사이을 쉽게 항해 할 수 있는 언어(Hypertext) (예: HTML).

이들 세가지 기능의 상호적인 연결이 전 규격을 통하여 설명되어있다.

2.1.1 URI의 소개

HTML 문서, 이미지, 비디오 자료, 프로그램 등 웹상의 각 자원들은 URI(Universal Resource Identifier)로 엔코드(encode) 될 수 있는 주소를 가진다.

URI는 세 부분으로 구성되어있다.

  1. 자원에 접근하는 방법 이름.
  2. 자원을 갖고있는 호스트 이름.
  3. 경로(path)로 주어진 자원의 이름.

다음 URI는 W3C 기술적 보고서들의 페이지를 지시한다:

http://www.w3.org/TR

이 URI는 다음과 같이 읽을 수 있다: HTTP protocol ([RFC2616] 참조)을 통하여 사용할 수 있는 문서가 있고, www.w3.org 기계에 있으며, "/TR" 경로(path)를 통하여 접속 할 수 있다. HTML 문서들에서 볼 수 있는 다른 방식들은 전자 메일을 위한 "mailto"와 FTP를 위한 "ftp" 등이 있다.

여기 URI의 다른 예제가 있다. 이는 사용자의 우펀함(mailbox)을 참조한다:

... 텍스트들 ...
모든 코멘트들은, e-mail을 
	<A href="mailto:joe@someplace.com">Joe Cool</A>에게 보내 주십시오.

주석. 대부분의 독자는 아마 "URI"보다는 "URL"을 더 많이 보았을 것이다. URL들은 더 일반적인 하부 URI 서브세트(subset)를 형성한다.

2.1.2 부위 지정자(fragment identifier)

어떤 URI는 한 자원 안에서의 위치를 참조한다. 이 경우에는 URI 뒤에 "#"와 부위 지정자(fragment identifier)를 추가한다.

지정자 이름 section_2를 지정하는 URI의 예:
http://somesite.com/html/top.html#section_2

2.1.3 상대(relative) URI

상대 URI에는 위치 정보 양식을 포함하지 않는다. 그 경로는 현재 문서가 있는기계에서 현재 위치에 있는 문서를 참조한다. 상대 URI는 상대적인 경로(path) 정보를 가질 수 있다.

예를 들어 ".."는 한 단계 상위 홀더를 의미하며, 부위 지정자도 가질 수 있다.

상대 URI은 기준 URI을 이용하여 완전한 URI를 산정한다.
기준 URI를 "http://www.acme.com/support/intro.html"이라 가정하고,

  <A href="suppliers.html">Suppliers</A>

이 상대 URI 로 연결하면, 완전한 URI는 "http://www.acme.com/support/suppliers.html"이 되고,

  <IMG src="../icons/logo.gif" alt="logo">

이 이미지의 상대 URI의 완전한 URI은 "http://www.acme.com/icons/logo.gif"이다.

HTML에서 URI는 다음과 같이 사용된다.

추가 정보는 URI를 참조하라.

2.2 HTML 이란 ?

전 세계에서 볼 수 있는 정보를 작성하기 위하여, 세계에서 일반적으로 이해 될 수 있으며, 모든 컴퓨터가 알 수 있는 웹 문서 작성에 모국어 같은 언어가 필요하다. 월드와이드웹(World Wide Web)에서 사용하는 웹 작성 언어가 이 HTML(HyperText Markup Language)인 것이다.

HTML는 웹 문서 제작자에게 다음과 같은 수단을 제공한다.

2.2.1 HTML의 개략적인 역사

HTML은 최초에 Tim Berners-Lee가 CERN에 있으면서 개발 했고, NCSA에서 개발 한 Mosaic 브라우저에 의하여 보편화되었다. 1990년대에 웹의 폭발적인 보급과 함께 꽃을 피우게되었다. 이 기간 동안 HTML은 여러가지 방향으로 확장되었다. 웹 문서 제작자 와 프로그램 공급자들이 같은 HTML을 사용하는 것이 중요하게 되고, 이 것이 HTML 규격을 위한 공동 작업을 하게 된 계기가 되었다.

HTML 2.0(1995년 11월, [RFC1866] 참조)은 IETF(Internet Engineering Task Force)에 의하여 1994년 후반의 일반적인 관행을 코딩하여 개발되었다. HTML플러스(HTML+: 1993)와 HTML 3.0(1995, [HTML30] 참조)은 HTML의 기능을 상당히 보완하여 제안되었다. 표준을 위한 토론으로 공감대를 형성하지 않었음에도 불구하고 이 초안은 폭 넓은 새로은 기능의 채택을 유도하였다. 월드와이드웹(World Wide Web Consortium)의 HTML 워킹구룹(Working Group)의 노력으로 1996년 일반적인 관행을 코딩하여 HTML 3.2(1997년 1월, [HTML32] 참조)을 만들었다. HTML 3.2로 부터의 변화들은 부록 A을 참조하라.

대부분의 사람들은 HTML 문서는 여러 다른 브라우저와 플래트폼에서 공통적으로 원활하게 사용 될 수 있어야 한다는데 의견을 같이한다. 정보 제공자(content provider)들은 한 가지 버전으로 문서를 작성 함으로서 원가 절감을 할 수 있다. 이와 같은 노력이 없었다면, 서로 통하지 않는 양식을 사용 함으로서, 웹은 세계적으로 확산하는데 문제를 야기 시키고, 참여자 모두에게 상업적 효용성를 크게 감소 시켰을 것이다.

각 HTML의 버전은 정보 제공자(content provider)들이 투자 해 만든 문서가 낭비되거나 안 읽히지 않도록, 관계되는 사람들의 공통적인 많은 의견을 반영하도록 노력하였다.

그래픽 화면에서 여러 해상도, 색상수를사용하는 PC, 핸드폰, 가지고 다니는 장치, 소리의 범위(high/low bandwidth)들을 조정하는 음성 입출력 장치, 등, 모든 종류의 장치(device)가 웹 상의 정보를 이용 할 수 있도록 HTML 버전을 발전 시켰다.

2.3 HTML 4

HTML 4는 HTML에 다음과 같은 기능들을 보완하였다.
스타일쉬트(style sheet), 스크리프트(script), 프레임(frame), 깔린(embed) 오브젝트, 개선 된 오른쪽에서 왼쪽으로의 문자의 방향과 혼합 문자 방향의 지원, 강화 된 표(table), 보완 된 폼(form), 장애자에게 용이 한 이용 방식제공, 등

HTML 4.01은 HTML 4.0의 개정판이며 이전 버전에서 부터의 변경들에 기술되어 있는 바와 같이 오류들을 수정하였고 일부는 다시 만들었다.

2.3.1 국제화

이 HTML 버전은 문서가 각 언어로 작성 될 수 있고 전 세계에서 쉽게 읽을 수 있도록 국제화 분야의 문가들의 도움을 받아 만들어 졌다. HTML의 국제화 [RFC2070] 참조

하나의 중요한 점은 HTML 문서의 문자 체계로 ISO/IEC:10646 표준 [ISO10646] 을 채택하였다는 것이다. 이 표준은 대부분 세계의 문자들을 포함하고 있으며, 글자 방향, 구둣점과 다른 세계 언어 문제들을 다루고 있다.

현재 HTML은 문서에서 다양 한 인간 언어들을 지원하고 있다. 이 것은 더 효과적인 문서 검색 엔진, 고급 인쇄술(typography), 문서를 음성으로 보다 나은 변환, 개선 된 단어를 하이픈으로 연결하기(hyphenation) 등으로 효과적인 문서의 색인(indexing)을 가능하게 했다.

2.3.2 접속성(accessibility)

웹 사회가 발전하고 그 구성원들의 능력과 숙련도가 다양 해 짐에 따라, 기술이 그들의 독특 한 목적에 부합해야한다는 것이 중요하게 되었다. HTML은 물리적 제한이 있는 사람들에게 더 접속하기 쉬운 웹 페이지를 만을 수 있게 발전되었다. HTML 4는 다음과 같은 접속성을 갖는다.

제작자가 접속성 문제를 고려하여 문서를 제작하면 접속하는 방문자들에게 좋을 뿐아니라 다른 잇점도 얻을 수 있다. 문서의 구조와 표현을 잘 구분하여 작성 된 문서는 신 기술을 쉽게 적용 할 수 있다.

주석: 접속 용이한 HTML 문서 설계를 위 해 [WAIGUIDE]를 참조하라.

2.3.3 표(Table)

HTML의 새 표(Table) 모델은 [RFC1942]에 기초를 두었다. 제작자들은 이제 구조와 배치(layout)에 있어서 큰 제어 능력을 가지게 되었다(예: 컬럼구룹). 이는 설계자가 컬럼(column) 폭(width)을 제시함으로서 사용도구는 모든 데이터를 다 받아들여 디스플레이 하는 대신, 받는 대로 디스플레이 할 수 있게하였다.

주석: 일부 HTML 편집기에서 문서를 작성 할 때, 표(table) 형태의 양식에 너무 의존하면, 접속 할 때 쉽게 문제를 일으 킬 수 있다.

2.3.4 복합 문서

현재의 HTML은 문서에 메디아(media) 오브젝트(object)와 적용(application)을 기본으로 깔아(embed) 사용하는 표준 기능을 제공한다. OBJECT 엘레멘트(더 구체적인 원초 엘레멘트인 IMGAPPLET와 함께)는 문서안에 이미지, 비디오, 사운드, 수학계산, 특수 장치와 다른 오브젝트를 포함 시키는 기능을 제공한다. 이는 또한 제작자가 지정 된 표현을 지원하지 않는 경우, 대체 표현의 계통을 지정 할 수 있게 한다.

2.3.5 스타일쉬트(style sheet)

스타일쉬트(style sheet)는 HTML 작성을 간단히 하고 표현의 신빙성을 크게 향상시켜 준다. 이는 제작자와 사용자에게 공히 폰트(font), 정렬(alignment), 색상(color), 등 문서의 표현을 제어 할 수 있게 한다.

스타일 정보는 개별 엘레멘트나 엘레멘트 구룹을 구체적으로 정의 할 수 있다. 스타일 정보는 HTML 문서 안에서 또는 외부 스타일쉬트에서 정의 할 수 있다.

스타일쉬트와 문서의 연관 기능은 스타일쉬트 언어에 영향을 받지 않는다.

스타일쉬트를 추가하기 전에는 제작자가 표현하는데 제한을 받었었다. HTML 3.2에 포함 된 여러개의 애트리뷰트(attribute)와 엘레멘트(element)로 정렬(alignment), 폰트 크기와 글자 색상을 제어 할 수 있었다. 제작자는 표(table)와 이미지를 배치 함으로 표현 할 수 있었다. 브라우저를 업그레이드하면 때로는 기능의 일부가 더 이상 사용되지 않아서 사용자가 문서를 업데이트 하는데는 상당 한 시간이 걸렸다. 그러나 스타일쉬트가 더 강력 한 표현 기능을 제공 한 후, 월드와이드웹(World Wide Web Consortium)은 많은 HTML의 표현 엘레멘트와 애트리뷰트는 궁국적으로 사용하지 않게 될 것이다. 이 규격 전체를 통 해 위험성이 있는 엘레멘트와 애트리뷰트는 "불량"으로 표시하였고, 다른 엘레멘트나 스타일쉬트로 같은 효과내는 방법의 예제를 병기하였다.

2.3.6 스크립트(Scripting)

제작자는 스크립트(script)를 사용하여, 예를 들어, 사용자가 내용을 명기하면 따라 반응하는 "smart forms"을 만드는 등 다이나믹 웹 페이지(dynamic Web page)를 제작하고, HTML을 네트워그(network)에서 작용(application)하게 할 수 있다.

HTML 문서에 스크립트를 포함시키는 기능은 스크립트 언어의 영향을 받지 않는다.

2.3.7 인쇄

때로는 제작자는 사용자가 현재 문서 뿐 아니라 다른 문서들도 쉽게 인쇄하게 하기를 원 할 것이다. 문서 양식이 큰 작업의 일부 일 경우, 그들 사이의 관계를 HTML의 LINK 엘레멘트를 사용하여, 또는 W3C의자원 설정 언어(Resource Description Language: [RDF] 참조)를 사용하여 설정 할 수 있다.

2.4 HTML 4로 문서 작성

제작자와 적용자들은 HTML 4로 작업하는데 다음 일반 원칙을 따를 것을 추천한다.

2.4.1 구조와 표현의 분리

HTML은 그 뿌리를 SGML에 두고 있는데 이는 구조적 표현을 지정하는 언어이었다. HTML이 성숙 됨에 따라, 표현 엘레멘트(element)들과 애트리뷰트(attribute)들은 점점 스타일쉬트(style sheet)로 대체되어 왔다. 문서의 구조와 표현 엘레멘트들의 분리로 넓은 범위의 플래트폼(platform), 메디아(media) 등에서 문서의 적용과 수정에서 원가 절감이된다는 것을 경험 해 왔다.

2.4.2 범용 웹 접속성의 고려

제작자는 모든 사람, 특히 장애자에게 웹에 더 접속하기 쉽게 하기 위하여, 어떻게 문서들을 폭 넓은 플래트폼(platform)에서 작용 할 수 있게 하겠는가, 음성에 의해 작용하는 브라우저, 점자 리더, 등을 고려하여야 한다. 제작자의 창조성을 제한하자는 것이 아니라, 단지 다른 표현 방식을 고려하라는 것이다. HTML는 이 목적을 위하여 alt, accesskey 애트리뷰트 등 여러가지 기능을 제공하고 있다.

제작자는 또 컴퓨터 구성이 다른 멀리 떨어져 있는 청중에 도달 할 수 있다는 점을 고려하여야 한다. 문서가 바르게 표현되기 위해 제작자는 자연 언어와 문장의 방향, 어떻게 문서가 엔코딩(encode)되었는가등 국제화 관련 사항 등을 문서 정보에 포함 시켜야한다.

2.4.3 점진적 표현으로 사용도구 돕기

제작자는 표(table)를 조심스럽게 작성하고 HTML 4의 새로운 기능을 사용하여, 사용도구가 더 빨리 문서를 볼 수 있게 도와 줄 수 있다. 제작자는 기능을 향상시키기 위 한 표(TABLE 엘레멘트 참조) 작성 방법을 배울 수 있다. 적용자는 점진적 표현을 위한 부록에 있는 표에 대한 주석을 참고하라.

Trio 홈페이지 문서(http://trio.co.kr/webrefer/html/intro/intro.html)는 자유로이 연결 사용이 가능함.