HTML 4.01
HTML 4.01 버전은 1999년에 등장한 HTML의 버전입니다.
HTML 4.01 버전에 와서야 국제화를 이루게 되었다고 합니다. 이때부터 전 세계 언어를 모두 수용할 수 있게 되었습니다. 또한 색인 기능이 추가되어 효율성이 좋아졌습니다.
또한 4.01버전은 접속성의 특징을 가지고 있습니다. 모든 사용자들이 접속하기 쉬운 웹을 만들 수 있게 발전하였고, 다음의 기능들이 가능해 졌습니다.
- 개선된 문서의 구조와 표현의 구분
- 개선된 form기능
- 새로운 사용자 측 이미지맵 기능
- 이미지에 포함된 대체문장 표시 기능
- 모든 Element에 title과 lang애트리뷰트 지원 가능
- 스타일시트에서 사용하는 폭 넓은 목표 미디어
- 개선된 표 기능
또한 스타일시트 지원으로 웹 디자인을 바꾸는 계기가 되었습니다.
스타일시트가 등장하면서 문서 전체의 일관성을 유지할 수 있게 되었고 일일이 스타일을 지정하지 않아도 되어 편의성과 생산성이 증가하였습니다.
하지만 HTML 4.01버전에서 권장하지 않는 기능들도 많아졌습니다. 권장하지 않는 기능은 아래와 같습니다.
스타일 시트 사용으로 인하여 권장되지 않는 요소
- basefont : 기본 폰트 변경
- center : 가운데 정렬
- font : 폰트 변경
- strike 또는 s : 텍스트 가운데에 선 긋기
- u : 텍스트에 밑줄 긋기
대체 요소의 등장으로 권장되지 않는 요소
- applet : 자바 애플릿(object의 사용)
- dir : 디렉토리 리스트(ul의 사용)
- isindex : 입력 프롬프트(input의 사용)
- menu : 메뉴 리스트(ul의 사용)
XHTML 1.0
XML과 HTML을 합성하여 더 확장된 태그를 사용할 수 있고, 문법 검사를 엄격하게 적용한 XHTML 1.0 이 발표되었습니다.
그러나 XML(eXtensible Markup Language)은 버전과 버전 사이의 하위 호환성을 지원하지 않아서 이전 태그들로 작성된 것들이 사용되지 않을 수 있다는 문제점이 있었고, 문법이 엄격하여 습득에 어려움을 느껴 하나 둘 외면하기 시작했습니다.
따라서 일부 기업은 XHTML만 지원하도록 브라우저를 업데이트 하기도 했지만, 사람들은 오히려 HTML을 표현할 수 있는 구버전의 브라우저를 이용합니다.
XML(eXtensible Markup Language)은 W3C에서 개발된, 다른 특수한 목적을 갖는 마크업 언어를 만드는데 사용하도록 권장하는 다목적 마크업 언어입니다. XML은 SGML의 단순화된 부분집합으로, 다른 많은 종류의 데이터를 기술하는 데 사용할 수 있습니다.
XHTML 1.1
2001년 5월 W3C에서는 XHTML 1.1 권고안을 발표 하였습니다. 모듈 기반의 XHTML 입니다.
XHTML 2.0
XHTML 2는 월드 와이드 웹에서 광범위한 목적을 위해 문서를 나타내도록 고안된 범용 마크업 언어입니다.
XHTML 1.0과 XHTML 2.0의 가장 눈에 띄는 변화는 더 많은 구조화 방법입니다. 이전 버전에 HTML에서 문서의 구조는 문서의 다양한 제목수준에서 추론되어야 했습니다. 하지만 XHTML 2에서는 문서 구조를 섹션과 관련된 요소로 명시적으로 표시 하도록 개발되었습니다. 또한 모든 프리젠테이션 요소를 제거하고 모든 프리젠테이션을 스타일 시트에 종속시킴으로써 HTML을 표현하였습니다.
XHTML 2.0이 HTML 계열의 마크업 언어에 가져오게 될 새로운 기능은 아래와 같습니다.
- HTML 폼(form)은 XForms로 교체
- HTML 프레임은 XFrames로 교체
- DOM 이벤트는 XMLDOM을 사용하는 XML 이벤트로 교체
- 내비게이션 목록을 위해 특별히 설계된 새로운 목록 요소인
<nl>요소가 추가됩니다. 이것은 현재 다양한 방법을 통해 제작되는 내포된(nested) 메뉴를 제작하는데 유용함 - 모든 요소에 대한 하이퍼링크가 가능해집니다. 예:
<li href="articles.html">Articles</li> src속성을 이용해 모든 요소에 대한 대체 매체 기술이 가능해짐 예:<p src="lbridge.jpg" type="image/jpeg">London Bridge</p>가<img src="lbridge.jpg" alt="London Bridge" />를 대체<img src="" alt="" />요소는 제거되고<object type="MIME/ContentType" src="">Alt</object>형태로 대체
HTML 5
HTML5는 HTML 4.01, XHTML 1.0에 대한 차기 표준 제안입니다.
비디오, 오디오 등 다양한 부가기능과 최신 멀티미디어 콘텐츠를 액티브X 없이 브라우저에서 쉽게 볼 수 있게 하는 것을 목적으로 합니다.
HTML 4 와의 차이점은?
먼저 구조적인 요소가 추가되었습니다.
블록을 나누는 요소인 div 요소를 대신합니다.
- header : 문서 또는 섹션 헤더를 정의, 상단에 위치
- nav : 탐색 링크를 정의
- article : 문서 내에서 일정 구역을 독립적으로 정의
- section : 문서의 그룹화 된 정보들을 묶는 역할을 하는 구역을 정의
- aside : 본문 내용을 제외한 다른 부분을 정의
- footer : 문서나 구역에 대한 바닥 글을 정의
그리고 멀티미디어 요소가 추가되었습니다.
플러그인 없이 멀티미디어를 재생할 수 있게합니다.
- audio : 오디오 파일을 재생할 수 있도록 지원함
- video : 비디오나 동영상을 정의
- canvas : 스크립트와 함께 사용하여 그래픽을 표현
그 외에도
- command
- datalist : 입력 컨트롤에 대한 미리 정의 된 옵션을 정의
- details : 사용자가 보거나 숨길 수 있는 추가 세부 사항을 정의
- embed : 외부 응용 프로그램의 컨테이너를 정의(ex : Flash File)
- figure : 포함 된 내용에 대한 이해를 돕기 위해 그림 및 코드샘플등을 포함할 떄 정의
- figcaption : 그림 요소에 대한 캡션을 정의
요소가 추가되었으며, 문서 선언은
<DOCTYPE html>로 간소화 되었습니다.
