2 HTML 4.0의 소개

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)로 주어진 자원의 이름.

  http://www.w3.org/TR/REC-html40/

  ... 문장 중 ...
  의견이 있으시면 email을 보내 주십시오
  <A href="mailto:joe@someplace.com">Joe Cool</A>.

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

2.1.2 부위 지정자(fragment identifier)

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

http://somesite.com/html/top.html#section_2

2.1.3 상대(relative) URI

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

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

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

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

• 다른 문서나 자원에 연결(Link): A와 LINK 엘레멘트 참조.
• 외부 스타일쉬트(style sheet)나 스크립트(script)에 연결: LINK, SCRIPT 엘레멘트 참조.
• 이미지, 오브젝트(object), 또는 애플렛(applet)을 문서에 포함시킴: IMG, OBJECT, APPLET, INPUT 엘레멘트 참조.
• 이미지맵을 설정: MAP, AREA 엘레멘트 참조.
• 입력을 위한 폼(form)을 형성: FORM 엘레멘트 참조.
• 문서의 프레임(frame)을 형성: FRAME, IFRAME 엘레멘트 참조.
• 외부 참조를 인용: Q, BLOCKQUOTE, INS, DEL 엘레멘트 참조.
• 문서 변환을 설명하는 메타데이터(metadata)를 참조: HEAD 엘레멘트 참조.

URI에 대한 추가 정보는 URI 타입(type)을 참조하라.

2.2 HTML 이란 ?

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

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

• 온라인 문서를 머릿글(heading), 문장, 테이블(table), 목록, 사진, 등을 포함하여 발행(계시)한다.
• 발행 된 정보를 단추(button)를 눌러(click) 연결(hypertext link)시켜 온라인으로 볼 수 있다.
• 정보의 검색, 예약, 상품의 주문, 등 원격지 상거래나 서비스를 위한 입력 폼(form)을 만들 수 있다.
• 작성 된 표(spread-sheet), 비디오 화면, 소리와 기타 적용들을 문서에 직접 포함 시킬 수 있다.

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.0

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

2.3.1 국제화

이 HTML 버전은 문서가 각 언어로 작성 될 수 있고 전 세계에서 쉽게 읽을 수 있도록 국제화 분야의 문가들의 도움을 받아 만들어 졌다. 이는 HTML의 국제화를 다루는 [RFC2070]과 연관하여 달성되었다.

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

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

2.3.2 접속성(accessibility)

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

• 개선 된 문서의 구조와 표현의 구분: 따라서 HTML의 표현 엘레멘트(element)와 애트리뷰트(attribute) 대신에 스타일쉬트(style sheet)의 사용 장려.
• 개선 된 폼(form) 기능: 추가적인 접근키(access key),구룹폼(group form) 제어 기능, 구룹(group)에서 SELECT 선택 기능, 활성 라벨(active label) 기능, 등
• 포함 된 오브젝트(object)로 문장 설명 표시 기능: OBJECT 엘레멘트 참조.
• 새로운 사용자 이미지맵 기능: 제작자는 이미지와 텍스트를 결합 할 수 있다. MAP 엘레멘트 참조.
• 이미지에 포함 된 대체 문장 표시 기능: IMG 엘레멘트와 이미지맵에 포함 된 AREA 엘레멘트 참조.
• 모든 엘레멘트에 title과 lang 애트리뷰트 지원 기능.
• ABBR 와 ACRONYM 엘레멘트의 지원.
• 스타일쉬트에서 사용하는 폭 넓은 목표 메디아(target media: 터미날(tty), 점자, 등).
• 게선 된 표(table) 기능: 켑션(caption), 컬럽구룹과 감추는 기능.
• 표, 이미지, 프레임(frame) 등의 긴 설명

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

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

2.3.3표(Table)

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

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

2.3.4 복합 문서

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

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.0으로 문서 작성

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

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

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