맨위로가기

HTML

"오늘의AI위키"는 AI 기술로 일관성 있고 체계적인 최신 지식을 제공하는 혁신 플랫폼입니다.
"오늘의AI위키"의 AI를 통해 더욱 풍부하고 폭넓은 지식 경험을 누리세요.
목차

1. 개요

HTML은 1980년대 후반 팀 버너스 리가 유럽 입자 물리 연구소(CERN)에서 정보 공유 시스템을 고안하면서 시작된 하이퍼텍스트 마크업 언어이다. HTML은 웹 페이지의 구조와 내용을 정의하며, 텍스트, 이미지, 링크 등을 포함하는 요소를 사용하여 문서를 구성한다. 초기에는 느슨한 문법 규칙으로 시작하여 IETF와 W3C를 거치며 표준화되었으며, 현재는 HTML5가 최신 버전이다. HTML 문서는 HTTP 또는 이메일을 통해 전송되며, 시맨틱 HTML을 통해 웹 접근성과 검색 엔진 최적화를 향상시킬 수 있다. HTML은 웹 페이지를 제작하고 편집하는 데 사용되며, 위지위그 편집기를 통해 사용자가 HTML 지식 없이도 웹 페이지를 제작할 수 있다.

더 읽어볼만한 페이지

  • 프로그래밍 언어에 관한 - PHP
    PHP는 라스무스 러도프가 개발한 범용 스크립팅 언어로, 웹 개발에 널리 사용되며 LAMP 아키텍처의 핵심 요소이다.
  • 프로그래밍 언어에 관한 - V8 (자바스크립트 엔진)
    V8은 구글이 개발한 오픈 소스 자바스크립트 엔진으로, 자바스크립트 코드 실행 속도 향상을 위해 여러 컴파일러를 거쳐 크롬, 노드.js 등에서 활용된다.
  • 자바스크립트 - 비주얼 스튜디오
    비주얼 스튜디오는 마이크로소프트가 개발한 통합 개발 환경(IDE)으로, 다양한 프로그래밍 언어와 플랫폼을 지원하며 소프트웨어 개발에 필요한 도구와 기능을 제공한다.
  • 자바스크립트 - 브렌던 아이크
    브렌던 아이크는 넷스케이프에서 자바스크립트를 개발하고 모질라 재단의 CEO를 역임했으며, 브레이브 소프트웨어를 설립하여 웹 브라우저 브레이브와 암호화폐 베이직 어텐션 토큰을 개발한 미국의 프로그래머이자 기술 기업가이다.
  • HTML - Alt 속성
    `alt` 속성은 HTML의 `img` 및 `area` 태그에서 이미지를 로드할 수 없을 때 대체 텍스트를 지정하며, 스크린 리더 및 SEO에 영향을 미치고, W3C 지침에 따라 이미지의 의미를 전달하거나 장식용 이미지는 빈 문자열로 지정해야 한다.
  • HTML - 폰트 패밀리 (HTML)
    폰트 패밀리(HTML)는 CSS 스타일 시트, 인라인 CSS, HTML `font` 태그를 통해 웹 페이지 글꼴을 지정하는 방법으로, 사용자 기기에 설치된 글꼴에 따라 표현이 달라지며, CSS의 `font-family` 속성은 글꼴 모양을 식별하고 제네릭 폰트와 글꼴 대체 메커니즘을 통해 일관된 글꼴 표현을 가능하게 한다.
HTML - [IT 관련 정보]에 관한 문서
기본 정보
HTML5 공식 로고
종류문서 파일 형식
확장자.html, .htm
MIME 형식text/html
유형 코드TEXT, HTML
공개 유니폼 형식public.html
개발자WHATWG
W3C
출시일1993년
최신 버전Living Standard
컨테이너HTML 요소
실행 환경웹 브라우저
확장 대상SGML
확장 결과XHTML
표준HTML Living Standard
기술 정보
관련 기술DHTML
HTML5
XHTML
HTML5 관련 요소article
audio
canvas
video
XHTML 관련베이직
모바일 프로파일
주요 HTML 요소meta
div와 span
blink
marquee
주요 HTML 속성alt
관련 기술HTML 프레임
HTML 편집기
문자 인코딩
유니코드
언어 코드
문서 객체 모델
브라우저 오브젝트 모델
스타일 시트
CSS
폰트 패밀리
웹 색상
JavaScript
WebCL
HTMX
Web3D
WebGL
WebGPU
WebXR
관련 단체W3C
Validator
WHATWG
기타쿼크 모드
웹 스토리지
렌더링 엔진
비교
비교 대상문서 마크업 언어
브라우저 엔진

2. 역사

팀 버너스 리가 1980년대 후반 유럽 입자 물리 연구소(CERN)에서 정보 공유 시스템을 고안하면서 HTML의 역사가 시작되었다. 1989년, CERN의 팀 버너스-리는 초기 HTML (및 HTTP 등의 많은 관련 프로토콜)에 대한 메모를 제안하고, 1990년 5월에 코드화했다.[141] 당시 HTML은 명세가 아니라, 팀 버너스-리와 그의 동료들이 정보와 진행 중인 연구를 어떻게 공유할 것인가라는 문제를 해결하기 위한 도구였다. 그의 업적은 이후 국제적이고 공개적인 네트워크의 등장으로 결실을 맺어 전 세계적인 주목을 받게 되었다.

초기 HTML 버전은 느슨한 문법 규칙으로 정의되어 웹 기술에 익숙하지 않은 사람들에게도 받아들여지기 쉬웠다. 웹 브라우저는 웹페이지의 의도를 추측하여 렌더링하는 것이 일반적이었다. 점차 공식 표준에서는 엄격한 언어 구문을 만들려는 노력이 진행되었지만, 웹 브라우저의 동작을 기반으로 구문 오류 처리도 표준에 포함하여 기존 웹페이지와의 호환성을 유지했다.[142]

HTML이 공식적인 명세로 정의된 것은 1990년대부터이다. 그것은 기존의 마크업 언어인 표준 일반 마크업 언어(SGML)에 인터넷을 위한 하이퍼텍스트 기능을 추가한다는 팀 버너스-리의 제안에 크게 영향을 받았다.

1993년에는 국제 인터넷 표준화 기구(IETF)에서 HTML 사양 1.0 버전이 공개되었고, SGML에서 확장된 것으로 문법 정의 문서 형식 정의(DTD)를 가지게 되었다. 또한 1994년에 IETF의 HTML 워킹 그룹이 발족했다. 그러나 2.0 이후 IETF에서의 개발은 다른 개발과의 경쟁으로 인해 침체되었다. 1996년부터는 W3C(World Wide Web Consortium)가 상용 소프트웨어 벤더의 지원을 받아 HTML 사양의 표준화를 진행했다.[143] 또한 2000년부터는 국제 표준이 되었다(ISO/IEC 15445:2000). W3C에서 권고된 최신 HTML 사양은 HTML 5.2이다.

2. 1. 개발

1980년, 유럽 입자 물리 연구소(CERN)의 계약자였었던 물리학자 팀 버너스리가 HTML의 원형인 인콰이어를 제안하였다. 인콰이어는 CERN의 연구원들이 문서를 이용하고 공유하기 위한 체계였다.[4] 1989년에 팀 버너스리는 인터넷 기반 하이퍼텍스트 체계를 제안하는 메모를 작성했다.[155] 1990년 말, 버너스 리는 HTML을 명세하고, 브라우저와 서버 소프트웨어를 작성했다.[4] 같은 해, 버너스-리와 CERN 데이터 시스템 엔지니어인 로버트 카이유(Robert Cailliau)는 공동으로 자금 지원을 요청했지만, 이 프로젝트는 CERN에서 공식적으로 채택되지는 않았다.[4] 1990년 개인 메모에서 버너스-리는 "하이퍼텍스트가 사용되는 많은 영역 중 일부"를 열거했는데, 그 중 첫 번째 항목이 백과사전이었다.[5]

2009년 4월 팀 버너스-리 사진
2009년 4월의 팀 버너스-리


HTML에 대한 최초의 공개적인 설명은 "HTML 태그"라는 문서였다.[6] 팀 버너스-리가 1991년 말 인터넷에 처음 언급한 이 문서[75][7]에는 초기 HTML의 비교적 간단한 디자인을 구성하는 18개의 요소가 설명되어 있다. 하이퍼링크 태그를 제외하고는 이러한 요소들은 CERN의 사내 표준 일반 마크업 언어(SGML) 기반 문서 형식인 SGMLguid의 영향을 강하게 받았다. 이러한 요소 중 11개는 HTML 4에도 여전히 존재한다.[8]

1993년 6월, IETF의 IIIR Working 그룹에서 제출한 [https://www.w3.org/MarkUp/draft-ietf-iiir-html-01.txt HTML 사양서]가 인터넷 드래프트로 발표되었다. 원래는 버전 번호가 없지만 일반적으로 HTML 1.0이라고 부른다. 이 드래프트는 팀 버너스-리와 다니엘 코놀리에 의해, 팀 버너스-리가 제시한 [https://www.w3.org/MarkUp/HTMLConstraints.html HTML 설계 제약 조건]을 최대한 준수하도록 작성되었다.

1993년 11월에는 HTML의 상위 호환인 HTML+가 발표되었다. 테이블 등이 추가되었다. [https://www.w3.org/MarkUp/HTMLPlus/htmlplus_1.html HTML+ 사양서].

2. 2. 초기 규격

HTML의 최초 공개 설명은 1991년 말 팀 버너스 리가 인터넷 상에 "HTML 태그"(''HTML tag'')라는 문서를 공개하면서 시작되었다.[188][157] 최초의 HTML은 머릿글자로 이루어진 20개의 요소로 구성되었으며, 상대적으로 단순한 디자인을 채택하였다. 이 디자인은 SGML 기반 문서화 포맷인 SGML GUID에 강하게 영향을 받았으며, 이 요소 중 13개는 HTML 4 버전에서도 여전히 존재한다.[158]

HTML은 동적인 웹 페이지의 웹 브라우저를 통한 문자와 이미지 양식이며, 문자 요소의 대부분은 1988년 ISO 기술 보고서 9537 ''SGML을 이용한 기법''에서 찾을 수 있다.

1993년 중반, IETF는 버너스리와 덴 콘놀리가 작성하고 SGML 문서 형식 정의(SGML DTD)로 문법을 규정한 "하이퍼텍스트 마크업 언어(HTML)" 인터넷 초안[159]을 최초의 HTML 규격 제안으로 간행했다. 이 초안은 6개월 후 만료되었지만, NCSA 모자이크 브라우저의 인라인 이미지를 내장하는 사용자 정의 태그의 사례는 주목할 만 했고, 성공적인 프로토타입에 대한 표준을 기반한 IETF의 철학을 보여주었다.[160] 1993년 말에는 데이브 라그렛의 경쟁 인터넷 초안인 "HTML+ (하이퍼텍스트 마크업 포맷)"이 발표되었는데, 여기에는 테이블과 기입양식 같은 요소들이 이미 구현되어 있었다.[161]

1994년 초 HTML과 HTML+ 초안은 만료되었고, IETF는 HTML 작업 그룹을 설립해 1995년에 HTML 2.0을 완성한다. 이는 미래에 수행될 HTML 표준의 기반으로 간주되었으며,[160] RFC 1996년에 HTML 2.0은 HTML과 HTML+ 초안의 아이디어가 포함됐다고 발표했다.[162] HTML 2.0 지정은 이전의 초안들로부터 새로운 버전을 구별하기 위해서였다.[163]

IETF의 후원 하에 개발은 상충하는 이해 관계 때문에 지연되었다. 1996년부터 HTML 규격은 상용 소프트웨어 제작사의 투입으로 월드 와이드 웹 컨소시엄(W3C)에서 유지해 왔다.[164] 2000년부터 HTML은 국제 표준(ISO/IEC 15445:2000)이 되었다. 1999년 말에 발표된 HTML 4.01 권고안은 2001년에 문제와 오류들이 수정되어 최종 승인되었다.

1993년 6월, IETF의 IIIR Working 그룹에서 제출한 [https://www.w3.org/MarkUp/draft-ietf-iiir-html-01.txt HTML 사양서]가 인터넷 드래프트로 발표되었다. 원래는 버전 번호가 없지만 일반적으로 HTML 1.0이라고 부른다.

1993년 11월에는 HTML의 상위 호환인 HTML+가 발표되었다. 테이블 등이 추가되었다. [https://www.w3.org/MarkUp/HTMLPlus/htmlplus_1.html HTML+ 사양서].

2. 3. 표준 버전의 역사

HTML은 여러 버전을 거치며 발전해왔다.[116]

  • 1991년 10월, ''HTML 태그''[75] (18개의 HTML 태그 목록)가 처음으로 공개적으로 언급되었다.
  • 1992년 6월, HTML DTD의 첫 번째 비공식 초안[32]이 발표되었고, 이후 7차례 개정되었다.[33][34][35]
  • 1992년 11월, HTML DTD 1.1 (버전 번호가 처음으로 붙은 버전, RCS 개정판 기반, 1.0이 아닌 1.1부터 시작)[35] 비공식 초안 발표.
  • 1993년 6월, 인터넷 기술 태스크 포스(IETF) IIIR 작업 그룹에서 하이퍼텍스트 마크업 언어[36]를 인터넷 초안(표준에 대한 대략적인 제안)으로 발표했다. 한 달 후 두 번째 버전[37]으로 대체되었다.
  • 1993년 11월, IETF에서 인터넷 초안으로 https://www.w3.org/MarkUp/HTMLPlus/htmlplus_1.html HTML+ 발표. 하이퍼텍스트 마크업 언어 초안과 경쟁하는 제안이었으며, 1994년 7월에 만료되었다.[38]
  • 1994년 11월, IETF에서 HTML 2.0의 첫 번째 초안(개정판 00)[39] 발표 (개정판 02[40]부터 "HTML 2.0"으로 불림). 이는 1995년 11월 발표로 이어졌다.
  • 1995년 4월 (1995년 3월 작성), HTML 3.0[41]이 IETF에 표준으로 제안되었으나, 5개월 후(1995년 9월 28일) 추가 조치 없이 만료되었다.[42] 표, 그림 주위 텍스트 흐름, 복잡한 수학 공식 표시 등 Raggett의 HTML+ 제안에 포함된 많은 기능을 포함했다.[42]
  • 1995년 11월 24일, HTML 2.0이 IETF의 RFC 1866[118]으로 발표되었다. 이후 다음과 같은 추가 기능들이 RFC 형태로 발표되었다.

:* 1995년 11월 25일: RFC 1867 (양식 기반 파일 업로드)[166]

:* 1996년 5월: RFC 1942 (테이블)[166]

:* 1996년 8월: RFC 1980 (클라이언트 측 이미지맵)[166]

:* 1997년 1월: RFC 2070 (국제화)[166]

: 2000년 6월, 이 모든 것들이 RFC 2854에 의하여 더 이상 쓰이지 않고 역사적인 것으로 선언되었다.

  • 1997년 1월, HTML 3.2[14] 가 W3C 권고안으로 발표되었다. 이는 IETF가 1996년 9월 12일에 HTML 작업 그룹을 폐쇄함에 따라[15] W3C가 독점적으로 개발 및 표준화한 첫 번째 버전이었다.[166]

:HTML 3.2에서 여러 종류의 겹치는 확장 수학 수식을 완전히 제외 시키고 넷스케이프의 비주얼 마크업 태그의 대다수를 채택했다. 넷스케이프의 블링크 요소와 마이크로소프트의 마퀴 요소는 두 회사의 상호 협의 하에 누락시켰다.[12] HTML에서 수학적 수식과 비슷한 마크업은 이후 MathML이 나올 때까지 14개월 동안 표준이 아니었다.

  • 1997년 12월, HTML 4.0[16]이 W3C 권고안으로 출시되었다. HTML 4.0은 세 가지 문서 형태를 제공한다.[167]

:* Strict(엄격): 사용이 중지된 요소를 금지한다.

:* Transitional(변이): 사용이 중지된 요소를 허용한다.

:* Frameset(프레임셋): 대부분 프레임 관련 요소에서만 허용한다.

: 처음에 코드네임 "쿠가"[17]에서 HTML 4.0은 다양한 브라우저 특정 요소의 종류와 속성을 채택하였지만 동시에 스타일시트에 찬성하는 세력의 반대로 넷스케이프의 시각적 마크업 기능을 단계적으로 제거하기로 했다. HTML 4는 ISO 8879 - SGML에 따른 SGML 응용 프로그래밍 언어다.[18]

  • 1998년 4월, HTML 4.0[19]이 버전이 증가되지 않고 조금 수정되어 재발표되었다.
  • 1999년 12월, HTML 4.01[20]이 W3C 권고안으로 출시되었다. HTML 4.0과 마찬가지로 세 가지 문서 형태를 제공한다. 그리고 2001년 5월 12일에 그것에 대한 최종 [http://www.w3.org/MarkUp/html4-updates/errata 오류 수정 사항] 이 발표되었다.
  • 2000년 5월, ISO/IEC 15445:2000[22] ("ISO HTML", HTML 4.01 Strict 기반)이 ISO/IEC 국제 표준과 함께 출시되었다. ISO에서 이 표준안은 ISO/IEC JTC1/SC34 (ISO/IEC 공동 기술 위원회 1, 소위원회 34 - 문서 표현과 처리 언어)의 범위에서 떨어져 나왔다.[22]

:2008년 중반, HTML 4.01과 ISO/IEC 15445:2000은 HTML의 대부분의 최근 버전이다. XML 기반 병렬 개발 언어인 XHTML을 통해 W3C의 HTML 작업 그룹은 2000년대 초중반에 성장하였다.

  • 2008년 1월: HTML 5[46] 초안 작업은 W3C에 의해 발표되었다.

: 비록 문법은 SGML의 문법과 밀접하게 연관되어 있지만, HTML 5는 난해한 SGML 문법과 호환되지 않는다. 그리고 HTML 5를 "html" 시리즈라고 명시적으로 정의되었다.[47]

  • 2011년 HTML5 – 최종 검토:

: 2011년 2월 14일, W3C는 HTML5에 대한 명확한 이정표를 포함하여 HTML 작업 그룹의 임무를 연장했다. 2011년 5월, 작업 그룹은 HTML5를 "최종 검토" 단계로 진행하여 W3C 내외 커뮤니티에 사양의 기술적 건전성을 확인할 것을 요청했다. W3C는 2014년(권장 사항 목표일)까지 전체 사양에 대한 광범위한 상호 운용성을 달성하기 위해 포괄적인 테스트 모음을 개발했다.[48] 2011년 1월, WHATWG는 "HTML5" 라이브 표준의 이름을 "HTML"로 변경했다. 그러나 W3C는 HTML5를 출시하기 위한 프로젝트를 계속 진행했다.[49]

  • 2012년 HTML5 – 후보 권장 사항:

: 2012년 7월, WHATWG와 W3C는 분리 수준을 결정했다. W3C는 단일 확정 표준에 중점을 둔 HTML5 사양 작업을 계속하며, 이는 WHATWG에서 "스냅샷"으로 간주되었다. WHATWG는 "라이브 표준"으로 HTML5 작업을 계속 진행했다. 라이브 표준이란 완성되지 않고 항상 업데이트 및 개선되는 것을 의미한다. 새로운 기능을 추가할 수 있지만 기능은 제거되지 않았다.[50]

: 2012년 12월, W3C는 HTML5를 후보 권장 사항으로 지정했다.[51] W3C 권장 사항으로의 진행 기준은 "두 개의 100% 완벽하고 완전히 상호 운용 가능한 구현"이다.[52]

  • 2014년 HTML5 – 제안된 권장 사항 및 권장 사항:

: 2014년 9월, W3C는 HTML5를 제안된 권장 사항으로 이동했다.[53]

: 2014년 10월 28일, HTML5[24]가 안정적인 W3C 권장 사항으로 출시되었다[54], 즉 사양 프로세스가 완료되었다.[55]

  • 2016년 11월 1일: HTML 5.1[26]이 W3C 권고안으로 발표되었다.[27][28]
  • 2017년 12월 14일: HTML 5.2[29]가 W3C 권고안으로 발표되었다.[30][31]
  • 2019년 5월 28일, W3C는 WHATWG가 HTML과 DOM 표준의 유일한 발행자가 될 것이라고 발표했다.[63][64][65][66] W3C와 WHATWG는 2012년부터 경쟁 표준을 발행해 왔지만[67], WHATWG의 "살아있는 표준(Living Standard)"은 상당 기간 사실상의 웹 표준이었다.[68]


HTML 4는 세 가지 버전(Strict, Transitional(이전에는 Loose라고 불림), Frameset)을 정의했다. Strict 버전은 새로운 문서에 적합하며 권장되는 방식이지만, Transitional 및 Frameset 버전은 이전 HTML 사양을 준수하거나 어떤 사양에도 맞지 않는 문서를 HTML 4 버전으로 전환하기 쉽도록 개발되었다. Transitional 및 Frameset 버전은 Strict 버전에서 생략된 표현 관련 마크업을 허용한다. 대신, HTML 문서의 표현을 개선하기 위해 캐스케이딩 스타일 시트를 사용하는 것이 권장된다. XHTML 1은 HTML 4에서 정의된 언어에 대한 XML 구문만 정의하므로 동일한 차이점이 XHTML 1에도 적용된다.

2. 4. XHTML 버전

XHTML은 XML을 이용하여 HTML 4.01을 재구성한 독립된 언어이다.[56] 2000년 1월 26일, XHTML 1.0[179][57]이 W3C 권고안으로 발표되었으며, 2002년 8월 1일에 개정 및 재발표되었다. XHTML 1.0은 HTML 4.0 및 4.01과 같은 세 가지 변형을 XML로 재구성하여 제공하며, 사소한 제약이 있다.

2001년 5월 31일에는 XHTML 1.1[180][58]이 W3C 권고안으로 발표되었다. XHTML 1.1은 XHTML 1.0 Strict를 기반으로 하지만 사소한 변경 사항이 포함되어 있으며 사용자 정의가 가능하고, "XHTML의 모듈화"에서 모듈을 사용하여 재구성되었다.[59]

XHTML 2.0[181]은 작업 초안이었으나, HTML5 및 XHTML5 작업을 위해 2009년에 작업이 중단되었다.[60][61][62] XHTML 2.0은 XHTML 1.x와 호환되지 않아, XHTML 1.x의 업데이트라기보다는 XHTML에서 영감을 받은 새로운 언어로 특징지어졌다.[182]

HTML 4.01과 마찬가지로 XHTML 1.0에는 엄격 모드(strict), 전환 모드(transitional), 프레임셋 모드(frameset)의 세 가지 하위 명세가 있다.

XHTML과 HTML의 미묘한 차이점은, 요소의 언어를 지정할 때 XHTML의 `xml:lang` 속성이 아니라 `lang` 속성으로 지정해야 한다는 것이며, XML 네임스페이스( `xmlns=URI` )를 제거해야 한다. HTML에는 네임스페이스에 대한 기능이 없기 때문이다.

3. 마크업

HTML 마크업은 '''HTML 요소'''(Elements영어)와 그들의 속성(Attributes영어), 문자 기반 '''데이터 형태''', '''문자 참조''', '''엔티티 참조''' 등으로 구성된다. 문서 형식 정의(DTD)를 명시하는 문서 형식 선언(document type declaration영어) 또한 중요한 구성 요소이다. HTML 5에서는 DTD를 지정하지 않아도 되며, 레이아웃 모드로 지정된다.

Hello world 프로그램은 프로그래밍 언어, 스크립트 언어, 마크업 언어를 비교하기 위해 사용되는 일반적인 컴퓨터 프로그램이다. HTML에서 Hello world 프로그램은 다음과 같다.

```html







Hello HTML





Hello World!







```

``과 `` 사이의 문자는 웹 페이지를, ``와 `` 사이의 문자는 표시되는 페이지 내용을, ``와 `` 사이의 문자는 웹 페이지를 표현하기 위해 필요한 헤더 정보를 담고 있다. ``과 `` 사이의 문자는 웹 브라우저의 페이지 제목을 정의한다.

더 짧게 만들 수도 있지만, 이는 웹 표준에 위배된다.

```html

Hello world

```

이 문서 형식 정의는 HTML 5이다. ``로 선언하지 않으면 대다수의 브라우저는 "쿽스 모드"로 렌더링한다.[184]

HTML 마크업은 태그(및 해당 속성), 문자 기반 데이터 형식, 문자 참조 및 엔티티 참조를 포함한 여러 주요 구성 요소로 이루어진다. HTML 태그는 대부분 쌍으로 사용되지만, 일부는 빈 요소를 나타내므로 쌍으로 사용되지 않는다.

HTML 4 구문 강조


표준 모드 렌더링을 트리거하는 HTML 문서 유형 선언도 중요한 구성요소 이다.

다음은 고전적인 "Hello, World!" 프로그램의 예시이다.

```html







This is a title







Hello world!









```

``과 `` 사이의 텍스트는 웹 페이지를 설명하고, ``과 `` 사이의 텍스트는 표시되는 페이지 콘텐츠이다. `This is a title` 마크업 텍스트는 브라우저 탭과 창 제목에 표시되는 브라우저 페이지 제목을 정의하고, `
` 태그는 쉬운 스타일링을 위해 사용되는 페이지의 구분을 정의한다. ``와 `` 사이에는 `` 요소를 사용하여 웹 페이지 메타데이터를 정의할 수 있다.

문서 유형 선언 ``은 HTML5용이다. 선언이 포함되지 않으면 다양한 브라우저가 렌더링을 위해 "quirks 모드"로 되돌아간다.[69]

3. 1. HTML 요소

HTML 문서는 완전한 '''HTML 요소'''로 구성되어 있고, HTML 요소의 가장 보편적인 형태는 세 가지 구성 요소를 가진다.[70]

"시작 태그"(Start Tag)와 "종료 태그"(End Tag) 와 같은 '''''태그''''' 한 쌍; 몇 가지 요소 '''''속성'''''은 그 태그들 내에서 특성을 부여한다. 마지막으로 문자와 그래픽 정보 ''콘텐츠''를 화면에 표현한다.

HTML 요소는 태그의 사이와 포함되는 모든 것이다.

'''태그'''는 꺾쇠괄호(<>)로 둘러싸인 키워드이다.

<tag>''보이는 내용''</tag>

HTML 요소의 이름은 태그의 이름이다.

그리고 종료 태그의 이름은 슬래시 문자 ("/")로 시작된다.

<tag attribute1="value1" attribute2="value2">''보이는 내용''</tag>

속성이 주어지지 않는다면 시작 태그의 기본값을 사용하게 된다.

HTML의 머리부분 (<head>...</head>), 보통 제목은 <head>의 안에 포함된다. 예제:



<head>

<title>제목</title>

</head>


  • '''구조적''' 마크업은 본문의 목적을 표현한다. 예를 들어, <h2>골프</h2>는 "골프"를 두 번째 수준의 제목으로 규정한다. 구조적 마크업은 어떤 특정한 렌더링을 표시하지 않지만, 대부분의 웹 브라우저는 요소 포맷팅에 대한 기본적인 스타일을 표준화했다. 텍스트는 캐스케이딩 스타일시트(CSS)로 더 꾸밀 수 있다.
  • '''표현적''' 마크업은 기능에 관계없이 본문의 외관을 표현한다. 예를 들어, <b>굵은 글씨</b>는 시각적 결과 장치가 굵은 글씨 속에 있는 "boldface"를 해석해야 한다는 것을 지시하지만, 이것을 할 수 있는 장치가 무엇을 해야 할 지(예를 들어 텍스트를 크게 읽어주는 장치와 같은 )에 대한 어떠한 지시도 하지 않는다. <b>굵게</b>와 <i>이탤릭</i>과 같은 경우에는 보통 시각적 해석에 필적하는 여러 가지 요소가 있지만, 본래가 더 의미론적이다. 즉, 각각 <strong>strong emphasis</strong>와 <em>emphasis</em>같이 할 수 있다. 음성 사용자 에이전트가 어떻게 후자의 두 요소를 해석하는 지 지켜보는 것은 쉽다. 그러나 그것은 그들의 표현 상대와 맞먹지는 않는다. 예를 들자면 책의 이름을 강조하는 것이 스크린을 읽는 유저에게는 바람직하지 않지만, 화면에서 그러한 이름이 이탤릭체로 될 것이다. 대부분의 표현 마크업 요소는 스타일 디자인에 근거한 CSS에 호응해서 HTML 4.0 스펙에서는 받아들여지지 않을 것이다.
  • '''하이퍼텍스트''' 마크업은 다른문서와 연결시켜주는 문서의 부분이다. XHTML 1.1 버전을 통한 HTML은 본문속에서 하이퍼링크를 생성하기 위해 anchor 요소(<a>위키백과</a>)의 사용을 필요로 한다. 덧붙여, <code>href</code> 속성은 반드시 정확한 URL을 설정해야만 한다. 예를 들어, HTML 마크업인 <a href="https://ko.wikipedia.org/">한국어 위키백과</a>는 하이퍼링크로써 "한국어 위키백과"처럼 보일 것이다.
  • * 하이퍼링크로써 이미지를 표현하는 예제
  • *:


HTML 요소 콘텐츠 범주


HTML 문서는 중첩된 HTML 요소의 구조를 의미합니다. 이는 문서에서 각괄호로 묶인 HTML 태그로 표시됩니다.[70]

간단하고 일반적인 경우, 요소의 범위는 한 쌍의 태그, 즉 "시작 태그" <p>와 "종료 태그" </p>로 표시됩니다. 요소의 텍스트 콘텐츠(있는 경우)는 이러한 태그 사이에 배치됩니다.

태그는 시작 태그와 종료 태그 사이에 추가 태그 마크업을 포함하여 태그와 텍스트를 혼합하여 둘러쌀 수도 있습니다. 이는 상위 요소의 자식으로 추가(중첩) 요소를 나타냅니다.

시작 태그에는 태그 내에 요소의 ''속성''을 포함할 수도 있습니다. 이는 문서 내 섹션의 식별자, 문서의 표현에 스타일 정보를 바인딩하는 데 사용되는 식별자, 그리고 이미지를 포함하는 데 사용되는 <img>과 같은 일부 태그의 경우 다음과 같은 형식의 이미지 리소스에 대한 참조와 같은 다른 정보를 나타냅니다. <img src="example.com/example.jpg">

줄 바꿈 <br />과 같은 일부 요소는 텍스트나 추가 태그를 포함한 ''어떤'' 포함된 콘텐츠도 허용하지 않습니다. 이러한 요소는 단일 빈 태그(시작 태그와 유사)만 필요하며 종료 태그를 사용하지 않습니다.

많은 태그, 특히 매우 일반적으로 사용되는 단락 요소 <p>의 종료 태그는 선택 사항입니다. HTML 브라우저 또는 다른 에이전트는 HTML 표준에 정의된 컨텍스트 및 구조적 규칙에서 요소의 끝을 위한 종료를 추론할 수 있습니다. 이러한 규칙은 복잡하며 대부분의 HTML 작성자가 잘 이해하지 못합니다.

따라서 HTML 요소의 일반적인 형식은 다음과 같습니다. <tag attribute1="value1" attribute2="value2">''content''</tag>. 일부 HTML 요소는 ''빈 요소''로 정의되며 <tag attribute1="value1" attribute2="value2"> 형식을 취합니다. 빈 요소는 콘텐츠를 둘러쌀 수 없습니다. 예를 들어, <br /> 태그 또는 인라인 <img> 태그가 있습니다.

HTML 요소의 이름은 태그에 사용된 이름입니다.

종료 태그의 이름 앞에는 슬래시 문자 /가 붙으며, 빈 요소의 경우 종료 태그는 필요하지도 않고 허용되지도 않습니다.

속성이 언급되지 않으면 각 경우에 기본값이 사용됩니다.

HTML은 '''요소'''(''Element'')의 트리 구조를 다룬다. 각 요소는 다음 세 가지로 구성된다.

  • 요소 이름
  • '''속성'''(''attribute''): 0개 이상. 속성 이름과 값의 쌍이며, 값은 문자열로 제한[130]
  • 자식 요소: 0개 이상


요소가 자식 요소를 가지므로 전체적으로 요소의 트리 구조로 모델링된다.

HTML을 표현하는 구문으로는 '''HTML 구문'''(''HTML Syntax'')과 '''XML 구문'''(''XML Syntax'')이 있다. XML 구문으로 작성된 HTML은 예전에는 XHTML이라고 불렸지만, 현재의 사양에서는 그러한 구분을 하지 않는다.[131] 또한, 현재의 사양에서는 HTML 구문 사용이 권장된다.[132]

HTML 문서는 문서 유형 선언과 HTML 요소, 그리고 (선택적인) BOM, 주석, 공백 문자로 구성된다.[133]

HTML 구문의 경우, 요소는 <요소 이름 속성 이름=값>콘텐츠</요소 이름>과 같은 텍스트 형식으로 작성된다. 콘텐츠를 감싸는 <요소 이름>...</요소 이름>는 '''태그'''라고 불리며, 앞부분은 '''시작 태그''', 뒷부분은 '''종료 태그'''라고 불린다. 콘텐츠 부분에 자식 요소를 가짐으로써 전체적인 트리 구조가 표현된다.<br>

또한, 자식 요소를 갖지 않는 단일 구문 <요소 이름 />는 '''단일/단독 태그'''[134] 또는 HTML5에서는 '''빈 요소'''[135]라고 불린다(예: <br/>, <img src="something.jpg"/>). 이들은 종종 /이 생략되는 경우가 있다(예: <br>, <hr>).

주의할 점은, 요소는 태그가 아니라는 것이다.[136] 요소는 구조적으로 정의되는 존재이며, 구문상의 표현인 태그와 함께 표기되는 것이 아니다. 또한 요소는 태그 + 콘텐츠로 표현되므로, 태그는 요소를 표현하는 일부에 불과하다.

HTML은 다양한 의미를 지닌 여러 요소를 정의한다.[137] 각 요소는 허용 가능한 속성이 정의되어 있으며, 요소의 동작을 조정할 수 있다. 대부분의 요소에서 요소 이름은 기능을, 속성은 요소의 특성을, 자식 요소는 포함되는 별도의 콘텐츠를 가리킨다.

예를 들어, <title>은 제목을 의미하고, <a>는 하이퍼텍스트 앵커를 의미한다. <a href="https://example.com">에서는 <code>href</code> 속성에 의해 링크 대상이 지정되어 있다.

HTML은 요소의 의미(세만틱스)만을 정의할 뿐, 그것을 구체적으로 어떻게 표현하고 활용할지는 사용자에게 맡겨져 있다.[138] 일반적으로 웹 브라우저에서 사용하는 것을 전제로 하지만, 음성 대화 에이전트가 사용하는 경우도 있을 수 있다.

3. 1. 1. 주요 HTML 요소들

<br>: 줄바꾸기

<p>: 단락바꾸기(한줄 떨어짐)

<hr>:가로줄

<center>...</center>: ...을 가운데 정렬

<font>...</font>: ...의 폰트를 바꿈

<ul><li>...<li>...</ul>: ...을 순서없는 목록으로 만듦(기본: 까만동그라미)

<ol><li>...<li>...</ol>: ...을 순서있는 목록으로 만듦(기본: 숫자)

<table></table>: 표만들기

<tr></tr>: 행(<table>...</table>...에 넣는다)

<td></td>: 열(<tr>...</tr> ...에 넣는다)

<td colspan=숫자></td>: 그 셀부터 숫자만큼의 오른쪽 셀을 병합한다

<td rowspan=숫자></td>: 그셀부터 숫자만큼의 아래쪽 셀을 병합한다

새 줄(

<nowiki><br></nowiki>), <nowiki><br></nowiki> 와 <nowiki><p></nowiki> 간의 차이점은 'br'은 페이지의 의미론적 구조를 변경하지 않는 줄바꿈(breaks a line)인 반면 'p'는 단락으로 페이지를 구분한다.

```html

이것은
줄바꿈을
포함하는
단락이다.


3. 1. 2. 속성

대부분의 요소 속성들은 이름-값 형태이고, "="로 구분하고, 요소의 시작 태그 안에서 요소의 이름 다음에 쓰인다. 값은 외따옴표 또는 쌍따옴표로 둘러쌀 수 있다. 비록 어떤 문자로 구성된 값들이 HTML에서 인용부호 없이 사용될 수도 있지만(XHTML에서는 허용되지 않음), 그 값은 따옴표나 쌍따옴표 또는 쌍 인용부호로 둘러쌀 수 있다.[185][186] 인용부호를 사용하지 않고, 속성값을 사용하는 것은 안전하지 않다.[187] 이름값 쌍 속성과 대조하여, 요소 태그의 시작에 단순히 그 존재만으로도 영향을 끼칠 수 있는 태그가 있다.[188]

대부분의 요소는 몇 가지 일반적인 속성을 가질 수 있다.

  • `id` 속성은 요소에 대한 문서 전체의 고유 식별자를 제공한다. 이것은 스타일시트에 의해 외관적인 특성을 제공하고, 브라우저에 의해 특정 요소를 처리하거나 스크립트에 의해 요소의 내용이나 외관을 바꿀 수 있다. 페이지의 URL에 달려 있는 것처럼, 보통 페이지 다음에 오는 요소에 대한 세계에서 유일한 식별자를 부여한다. 예를 들어, `https://en.wikipedia.org/wiki/HTML#Attributes` 에 있는 ID 속성과 같다.
  • `class` 속성은 유사한 요소를 분류하는 방법을 제공한다. 이것은 어휘적 또는 표현적 목적으로 사용될 수 있다. 예를 들어, 어휘적으로 분류는 마이크로포맷에 사용된다. 표현적 목적으로 HTML 문서는 `class="notation"`과 같은 지정자에서, 이 class 값을 갖는 모든 요소는 문서의 주 텍스트에 종속된다는 것을 지시한다. 이러한 요소는 HTML 소스에서 나타났던 장소에 나타나는 대신에 함께 모여서 페이지에서 각주와 같이 표현된다.
  • 작성자는 특정 요소에 표현적 속성을 지닌 `style` 비 속성 코드를 사용할 것이다. 단순하고, 특정한 또는 특수한 스타일 속성을 가진 애플리케이션에서는 너무 성가시긴 하지만, 스타일시트로 속성을 선택할 때는 요소의 `id`나 `class` 속성을 사용하는 것이 더 낫다고 간주된다.
  • `title` 속성은 요소에서 숨겨진 뜻을 설명하는 글을 첨부하는 곳에 사용된다. 대부분의 브라우저의 이 속성은 자주 툴팁과 같이 참조하는 것처럼 보인다.


단축 요소(`abbr`)는 아래와 같이 다양한 속성을 설명하는데 쓰일 수 있다:

```html

HTML

```

이 예제는 대부분의 브라우저에서 HTML처럼 보인다. 이 단축에 커서를 가리키면 그 제목인 "하이퍼텍스트 마크업 언어"가 보일 것이다.

대부분의 요소 또한 언어와 관련된 속성인 `lang`과 `dir`을 취한다.

3. 2. 데이터 형식

HTML은 스크립트 데이터와 스타일시트 데이터, 그리고 ID, 이름, URI, 숫자, 길이 단위, 언어, 미디어 기술자, 색상, 문자 인코딩, 날짜와 시간 등을 포함하는 속성 값의 종류를 위한 몇 가지 데이터 형태를 정의한다. 이러한 모든 데이터 형식은 문자 데이터를 최적화하기 위하여 분리되었다.

3. 3. 문서 형식 선언

HTML 문서는 문서 형식 선언(Document Type Declaration, DTD)으로 시작해야 한다.[81][139] 브라우저에서 문서 형식 선언은 렌더링 모드를 지시하며, 쿼크 모드를 피하기 위한 목적도 있다.

HTML5에서는 ``로 문서 형식을 선언한다.[81][139] 이는 DTD를 참조하지 않는 간단한 선언이다.

HTML 4에서는 DTD를 참조하는 방식으로 문서 형식을 선언했다. 예를 들어, HTML 4.01의 엄격한(strict) 버전은 다음과 같이 선언한다.

```html4strict



```

이 선언은 SGML 기반 유효성 검사기가 DTD를 읽고 문서를 해석하고 유효성 검사를 하는데 사용 되었다. 그러나 최신 브라우저는 표준 모드를 활성화한다. HTML 4.01은 임시적(Transitional)이고 프레임 단위(Frameset)의 DTD를 제공한다.

4. 시맨틱 웹

시맨틱 HTML은 표현(모양)보다 인코딩된 정보의 의미를 강조하는 HTML 작성 방식이다. HTML은 초기부터 의미론적 마크업을 포함했지만, `<font>`, `<i>`, `<center>` 태그와 같은 표현 마크업과 의미적으로 중립적인 `div 및 span` 태그도 포함했다. 1990년대 후반부터 CSS가 대부분의 브라우저에서 작동하면서 웹 저자들은 콘텐츠와 표현의 분리를 위해 표현적 HTML 마크업 사용을 피하도록 권장받았다.[83]

2001년 팀 버너스-리 등은 시맨틱 웹에 대한 논의에서 지능형 소프트웨어 "에이전트"가 자동 웹 크롤링을 통해, 관련 없던 게시된 사실들을 찾아 사용자에게 제공할 수 있을 것이라고 제시했다.[84] 현재 웹 2.0, 매시업, 가격 비교 웹사이트의 일부 아이디어가 여기에 가깝다. 그러나 현재의 정보 집계 및 하이브리드화는 특정 데이터의 API 의미를 이미 알고 있는 웹 개발자가 설계한다는 점에서 버너스-리의 의미 에이전트와는 차이가 있다.[85]

웹 크롤러 또는 검색 엔진 스파이더는 웹 페이지의 의미론적 명확성에 의존한다.[86] 이러한 에이전트가 HTML 문서에서 찾은 텍스트의 중요도를 평가하고, 의미 구조를 널리 적용하여 게시된 텍스트의 의미를 드러낼 필요가 있다.[87]

표현 마크업 태그는 현재 HTML 및 XHTML 권장 사항에서 사용 중단되었으며, 이전 버전 HTML의 표현 기능 대부분은 더 이상 허용되지 않는다. 이는 접근성 저하, 사이트 유지 관리 비용 증가, 문서 크기 증가로 이어지기 때문이다.[88]

의미론적 HTML은 웹 문서의 웹 접근성을 향상시킨다.[88] 예를 들어, 스크린 리더나 오디오 브라우저가 문서 구조를 정확하게 파악하면 시각 장애 사용자의 시간을 절약할 수 있다.

5. 전송

HTML 문서는 다른 컴퓨터 파일과 같은 방법으로 전송할 수 있다. 하지만 HTML 문서들은 대부분 웹 서버에 의한 HTTP나 또는 이메일을 통하여 전송된다.[190] HTML 문서는 다른 컴퓨터 파일과 같은 방식으로 전달될 수 있습니다. 하지만 대부분 웹 서버에서 HTTP를 통해 전달되거나, 이메일을 통해 전달됩니다.[190]

5. 1. HTTP

월드 와이드 웹은 주로 웹 서버에서 하이퍼텍스트 전송 프로토콜(HTTP)을 이용하여 웹 브라우저로 전송되는 HTML 문서로 구성된다.[190] 그러나 HTTP는 HTML 이외에도 이미지나 소리, 그리고 기타 내용물을 서비스하는 데 사용된다. 브라우저가 받는 각 문서를 어떻게 처리해야 하는지 알려주기 위해, MIME 타입(예: `text/html` or `application/xhtml+xml`)과 문자 인코딩(HTML에서 문자 인코딩 참조)을 포함한 메타데이터가 문서와 함께 전송된다.[190]

최근의 브라우저에서 HTML 문서와 함께 전송되는 MIME 타입은 문서가 초기에 어떻게 해석되어야 하는지에 영향을 준다. XHTML MIME 타입으로 전송된 문서는 잘 구성된 XML로 간주되며, 문법 오류가 발생하면 브라우저가 렌더링하지 못할 수 있다. 반면, HTML MIME 타입으로 전송된 동일한 문서는 HTML에 관대한 브라우저에서 성공적으로 출력될 수 있다.[190]

W3C 권고안에서는 권고안 부록 C에 나오는 가이드라인을 따르는 XHTML 1.0 문서는 MIME 타입으로 표시될 수 있다고 명시하고 있다.[190] 현재의 XHTML 1.1 작업 초안은 또한 XHTML 1.1 문서는 MIME 타입으로 표시될 것이라고 언급하고 있다.[191][192]

5. 2. HTML 전자 우편

대부분의 그래픽 이메일 클라이언트는 단순 텍스트로는 불가능한 어휘적 마크업과 형식을 제공하기 위해 HTML의 부분집합(종종 명확하게 정의되지 않음)을 사용한다. 이는 색상이 있는 제목, 강조 및 인용된 텍스트, 인라인 이미지 및 다이어그램과 같은 인쇄 정보를 포함할 수 있다. 이러한 클라이언트의 상당수는 HTML 이메일 메시지를 작성하기 위한 GUI 편집기와 이를 표시하기 위한 렌더링 엔진을 모두 포함하고 있다.

이메일에서 HTML을 사용하는 것에 대해 여러 비판이 제기되고 있다. 호환성 문제, 피싱 공격을 위장하는 데 도움이 될 수 있다는 점, 시각 장애인의 접근성 문제, 스팸 필터를 혼란스럽게 할 수 있다는 점, 메시지 크기가 일반 텍스트보다 크다는 점 등이 그 이유이다.

5. 3. 명명 규칙

웹 문서의 가장 일반적인 파일 확장자는 `.html`이다.[90] 일반적으로 `.htm`으로 줄여서 사용하기도 하는데, 이는 DOS나 FAT와 같은 초기 운영 체제와 파일 시스템에서 파일 확장자를 3자로 제한했기 때문이다.[90]

5. 4. HTML 애플리케이션

HTML 애플리케이션(HTA, 파일 확장자 ".hta")은 윈도우용 애플리케이션으로, 애플리케이션의 그래픽 인터페이스를 제공하기 위해 브라우저에서 HTML과 동적 HTML을 사용한다. 일반적인 HTML 파일은 웹 브라우저의 보안 모델에 제한되어 웹 서버와 통신하며 웹 페이지 객체와 사이트 쿠키만 조작할 수 있다. 반면 HTA는 완벽히 신뢰된 애플리케이션으로 동작하여 파일 생성, 편집, 제거 및 윈도우 레지스트리 엔트리와 같은 더 많은 권한을 가진다. HTA는 브라우저 보안 모델 외부에서 작동하므로 HTTP를 통해 실행되지 않고, 실행 파일처럼 로컬 파일 시스템에서 다운로드하여 실행해야 한다.

6. 위지위그 편집기

몇 가지 위지위그(What You See Is What You Get, WYSIWYG) 편집기는 HTML 문서를 GUI를 이용하여 직관적으로 나타내고 편집기가 HTML 문서로 생성하여 더 이상 사용자가 HTML에 대한 광대한 지식을 가질 필요가 없게 되었다. 웹 페이지 편집은 위지위그 편집 방식이 압도적으로 우위에 있었다.

하지만 이 방식은 생성된 코드의 질이 낮았고 위지윔(What Your See IS What You Mean, WYSIWIM)방식으로의 변화를 옹호하는 목소리 늘어났기 때문에 비난을 받았었다.[193][194]

위지위그 편집기는 주로 의미와는 상반된 레이아웃에 의존하며, 종종 의도된 의미를 전달하지 않고, 단순히 레이아웃을 복사만 하는 마크업을 사용한다는 결함이 존재한다.[195] 종종 HTML의 케스케이딩 성질과 CSS를 사용하지 못하게 하는 잡다하고 중복되는 코드를 생성하고, 태그 수프라고 불리는 비문법적인 마크업을 생성한다. HTML 문서의 많은 정보는 레이아웃에 있는 것이 아니기 때문에 그러한 모델은 그것의 위지위그 본질에 대해 비난을 받아왔다.[196]

그럼에도 불구하고 위지위그 편집기가 페이지를 작성하는데 편리함을 제공할 뿐만 아니라 저자들의 HTML에 대한 상세한 전문적 지식을 요구하지 않기 때문에 여전히 위지위그 방식이 웹 저작을 지배하고 있다.

참조

[1] 웹사이트 W3C Html https://www.w3.org/h[...]
[2] 논문 A Case for Feminism in Programming Language Design https://dl.acm.org/d[...] ACM 2024-10-17
[3] 웹사이트 HTML 4.0 Specification — W3C Recommendation — Conformance: requirements and recommendations https://www.w3.org/T[...] World Wide Web Consortium 2015-07-06
[4] 웹사이트 Information Management: A Proposal https://www.w3.org/H[...] CERN 1990-05-01
[5] 웹사이트 Intended Uses https://www.w3.org/D[...]
[6] 웹사이트 Tags used in HTML http://info.cern.ch/[...] 1991-10-01
[7] 웹사이트 Re: status. Re: X11 BROWSER for WWW http://lists.w3.org/[...] World Wide Web Consortium 1991-10-29
[8] 웹사이트 Index of the HTML 4 elements https://www.w3.org/T[...] World Wide Web Consortium 1999-12-24
[9] 웹사이트 Re: SGML/HTML docs, X Browser http://lists.w3.org/[...] 1991-12-09
[10] 웹사이트 Hypertext Markup Language (HTML): A Representation of Textual Information and MetaInformation for Retrieval and Interchange https://www.w3.org/M[...] 1993-06-01
[11] 웹사이트 A Review of the HTML+ Document Format http://www.w3.org/Ma[...]
[12] 서적 Raggett on HTML 4 https://www.w3.org/P[...]
[13] 웹사이트 HTML5 – Hypertext Markup Language – 5.0 https://www.w3.org/2[...] Internet Engineering Task Force 2014-10-28
[14] 웹사이트 HTML 3.2 Reference Specification https://www.w3.org/T[...] World Wide Web Consortium 1997-01-14
[15] 웹사이트 IETF HTML WG https://www.w3.org/M[...]
[16] 웹사이트 HTML 4.0 Specification https://www.w3.org/T[...] World Wide Web Consortium 1997-12-18
[17] 웹사이트 Introduction to Wilbur http://htmlhelp.com/[...]
[18] 웹사이트 HTML 4 – 4 Conformance: requirements and recommendations https://www.w3.org/T[...]
[19] 웹사이트 HTML 4.0 Specification https://www.w3.org/T[...] World Wide Web Consortium 1998-04-24
[20] 웹사이트 HTML 4.01 Specification https://www.w3.org/T[...] World Wide Web Consortium 1999-12-24
[21] 웹사이트 HTML 4 Errata https://www.w3.org/M[...] W3C
[22] 웹사이트 ISO/IEC 15445:2000 – Information technology – Document description and processing languages – HyperText Markup Language (HTML) https://www.iso.org/[...]
[23] 웹사이트 ISO/IEC 15445:2000(E) ISO-HTML https://www.scss.tcd[...] ISO/IEC 2000-05-15
[24] 웹사이트 HTML5: A vocabulary and associated APIs for HTML and XHTML https://www.w3.org/T[...] World Wide Web Consortium 2014-10-28
[25] 보도자료 Open Web Platform Milestone Achieved with HTML5 Recommendation https://www.w3.org/2[...] World Wide Web Consortium 2014-10-28
[26] 웹사이트 HTML 5.1 https://www.w3.org/T[...] World Wide Web Consortium 2016-11-01
[27] 웹사이트 HTML 5.1 is a W3C Recommendation https://www.w3.org/b[...] World Wide Web Consortium 2016-11-01
[28] 웹사이트 HTML 5.1 is the gold standard https://www.w3.org/b[...] World Wide Web Consortium 2016-11-17
[29] 웹사이트 HTML 5.2 https://www.w3.org/T[...] World Wide Web Consortium 2017-12-14
[30] 웹사이트 HTML 5.2 is now a W3C Recommendation https://www.w3.org/b[...] World Wide Web Consortium 2017-12-14
[31] 웹사이트 HTML 5.2 is done, HTML 5.3 is coming https://www.w3.org/b[...] World Wide Web Consortium 2017-12-14
[32] 웹사이트 MIME as a hypertext architecture http://lists.w3.org/[...] CERN 1992-06-06
[33] 웹사이트 HTML DTD enclosed http://lists.w3.org/[...] CERN 1992-07-15
[34] 웹사이트 document type declaration subset for Hyper Text Markup Language as defined by the World Wide Web project https://web.archive.[...] CERN 1992-08-18
[35] 웹사이트 Document Type Definition for the Hyper Text Markup Language as used by the World Wide Web application https://web.archive.[...] CERN 1992-11-24
[36] 웹사이트 Hyper Text Markup Language (HTML) Internet-Draft version 1.1 http://tools.ietf.or[...] IETF IIIR Working Group 1993-06-01
[37] 웹사이트 Hypertext Markup Language (HTML) Internet-Draft version 1.2 https://www.w3.org/M[...] IETF IIIR Working Group 1993-06-01
[38] 논문 History for draft-raggett-www-html-00 https://datatracker.[...] 1993-11-08
[39] 논문 HyperText Markup Language Specification – 2.0 INTERNET DRAFT http://tools.ietf.or[...] 1994-11-28
[40] 논문 Hypertext Markup Language – 2.0 https://tools.ietf.o[...] 1995-05-16
[41] 웹사이트 HTML 3.0 Draft (Expired!) Materials https://www.w3.org/M[...] World Wide Web Consortium 1995-12-21
[42] 웹사이트 HyperText Markup Language Specification Version 3.0 https://www.w3.org/M[...] 2007-06-16
[43] 웹사이트 HyperText Markup Language Specification Version 3.0 https://www.w3.org/P[...] World Wide Web Consortium 1995-03-28
[44] 서적 1998 USENIX Annual Technical Conference (USENIX ATC 98) 1998
[45] 서적 Cascading style sheets: designing for the Web https://archive.org/[...] Addison Wesley Longman 1997-04-01
[46] 웹사이트 HTML5 https://www.w3.org/T[...] World Wide Web Consortium 2008-06-10
[47] 웹사이트 HTML5, one vocabulary, two serializations https://www.w3.org/b[...] 2008-01-15
[48] 웹사이트 W3C Confirms May 2011 for HTML5 Last Call, Targets 2014 for HTML5 Standard https://www.w3.org/2[...] World Wide Web Consortium 2011-02-14
[49] 웹사이트 HTML Is the New HTML5 http://blog.whatwg.o[...] 2011-01-19
[50] 웹사이트 HTML5 gets the splits https://web.archive.[...] Net magazine 2012-07-23
[51] 웹사이트 HTML5 https://www.w3.org/T[...] W3C 2012-12-17
[52] 웹사이트 When Will HTML5 Be Finished? http://wiki.whatwg.o[...] WHAT Working Group 2009-11-29
[53] 웹사이트 Call for Review: HTML5 Proposed Recommendation Published W3C News https://www.w3.org/b[...] W3C 2014-09-16
[54] 웹사이트 Open Web Platform Milestone Achieved with HTML5 Recommendation https://www.w3.org/2[...] W3C 2014-10-28
[55] 웹사이트 HTML5 specification finalized, squabbling over specs continues https://arstechnica.[...] 2014-10-29
[56] 웹사이트 HTML vs XML syntax https://html.spec.wh[...] WHATWG 2023-03-22
[57] 웹사이트 XHTML 1.0: The Extensible HyperText Markup Language (Second Edition) https://www.w3.org/T[...] World Wide Web Consortium 2000-01-26
[58] 웹사이트 XHTML 1.1 – Module-based XHTML — Second Edition https://www.w3.org/T[...] World Wide Web Consortium 2007-02-16
[59] 웹사이트 Modularization of XHTML https://www.w3.org/T[...] 2017-01-04
[60] 웹사이트 XHTM 2.0 https://www.w3.org/T[...] World Wide Web Consortium 2006-07-26
[61] 웹사이트 XHTML 2 Working Group Expected to Stop Work End of 2009, W3C to Increase Resources on HTML5 https://www.w3.org/N[...] World Wide Web Consortium 2009-07-17
[62] 웹사이트 W3C XHTML FAQ https://www.w3.org/2[...]
[63] 웹사이트 W3C and WHATWG to Work Together to Advance the Open Web Platform https://www.w3.org/b[...] 2019-05-28
[64] 웹사이트 W3C and the WHATWG Signed an Agreement to Collaborate on a Single Version of HTML and DOM https://www.w3.org/h[...] 2019-05-28
[65] 웹사이트 Memorandum of Understanding Between W3C and WHATWG https://www.w3.org/2[...] 2019-05-28
[66] 뉴스 Browser vendors Win War with W3C over HTML and DOM standards https://www.zdnet.co[...] 2019-05-29
[67] 웹사이트 W3C – WHATWG Wiki https://wiki.whatwg.[...] 2019-05-29
[68] 웹사이트 An epitaph for the Web standard, XHTML 2 https://www.cnet.com[...] CBS INTERACTIVE INC 2009-07-09
[69] 웹사이트 Activating Browser Modes with Doctype http://hsivonen.iki.[...] 2012-02-16
[70] 웹사이트 HTML Elements https://www.w3school[...] w3schools 2015-03-16
[71] 웹사이트 CSS Introduction https://www.w3school[...] W3schools 2015-03-16
[72] 웹사이트 On SGML and HTML https://www.w3.org/T[...] World Wide Web Consortium 2008-11-16
[73] 웹사이트 XHTML 1.0 – Differences with HTML 4 https://www.w3.org/T[...] World Wide Web Consortium 2008-11-16
[74] 웹사이트 Why attribute values should always be quoted in HTML https://jkorpela.fi/[...] Cs.tut.fi 2008-11-16
[75] 웹사이트 Tags used in HTML https://www.w3.org/H[...] World Wide Web Consortium 2008-11-16
[76] 웹사이트 Objects, Images, and Applets in HTML documents https://www.w3.org/T[...] World Wide Web Consortium 2008-11-16
[77] 웹사이트 H56: Using the dir attribute on an inline element to resolve problems with nested directional runs https://www.w3.org/T[...] W3C 2010-09-18
[78] 웹사이트 Character Entity Reference Chart https://dev.w3.org/h[...] World Wide Web Consortium 2012-10-24
[79] 웹사이트 The Named Character Reference https://www.w3.org/T[...] World Wide Web Consortium 2000-01-26
[80] 웹사이트 'The Unicode Standard': A Technical Introduction https://www.unicode.[...] Unicode 2010-03-16
[81] 웹사이트 The HTML syntax https://www.w3.org/T[...] 2013-08-19
[82] 웹사이트 HTML 4 Frameset Document Type Definition https://www.w3.org/T[...] 2021-12-25
[83] 서적 Weaving the Web: The Original Design and Ultimate Destiny of the World Wide Web by Its Inventor https://archive.org/[...] Harper
[84] 웹사이트 Adding a touch of style https://www.w3.org/M[...] W3C 2009-10-02
[85] 잡지 The Semantic Web http://www.scientifi[...] 2009-10-02
[86] 웹사이트 The Semantic Web Revisited https://web.archive.[...] IEEE Intelligent Systems 2009-10-02
[87] 웹사이트 HTML: The Living Standard https://html.spec.wh[...] 2018-09-27
[88] 웹사이트 XHTML 1.0 The Extensible HyperText Markup Language (Second Edition) https://www.w3.org/T[...] World Wide Web Consortium 2008-12-07
[89] 웹사이트 XHTML 1.1 – Module-based XHTML — Second Edition https://www.w3.org/T[...] World Wide Web Consortium 2008-12-07
[90] 웹사이트 Naming Files, Paths, and Namespaces https://msdn.microso[...] Microsoft 2015-03-16
[91] 웹사이트 HTML Design Constraints https://www.w3.org/H[...]
[92] 웹사이트 WWW: BTB – HTML http://ei.cs.vt.edu/[...]
[93] 서적 Head First HTML O'Reilly
[94] 간행물 WYSIWIKI – Questioning WYSIWYG in the Internet Age
[95] 간행물 Optimization of HTML automatically generated by WYSIWYG programs ACM 2004-05-17
[96] 웹사이트 XHTML Reference: blockquote http://xhtml.com/en/[...] 2012-02-16
[97] 웹사이트 Doug Engelbart's INVISIBLE REVOLUTION http://www.invisible[...] 2012-02-16
[98] 웹사이트 IANAREG text/html https://www.iana.org[...]
[99] 웹사이트 HTML Living Standard - Last Updated 2 May 2023 https://html.spec.wh[...] 2023-05-02
[100] 웹사이트 HTML
[101] 웹사이트 ISO/IEC 15445:2000
[102] 웹사이트 HTML標準仕様の策定についてW3CとWHATWGが合意発表。今後はWHATWGのリビングスタンダードが唯一のHTML標準仕様に https://www.itmedia.[...] 2020-01-19
[103] 웹사이트 HTML REVIEW DRAFT — PUBLISHED 29 JANUARY 2020 IS A W3C RECOMMENDATION https://www.w3.org/b[...] W3C 2021-05-21
[104] 서적 正しいHTML4.0リファレンス&作法 ビレッジセンター出版局 1998-03-20
[105] 웹사이트 等
[106] undefined
[107] undefined
[108] undefined
[109] undefined
[110] undefined
[111] undefined
[112] undefined
[113] jis
[114] jis
[115] undefined
[116] undefined
[117] undefined
[118] ietf_rfc
[119] undefined
[120] 웹사이트 Internet Archive https://web.archive.[...]
[121] 웹사이트 Introducing HTML 3.2 https://www.w3.org/M[...]
[122] 웹사이트 Internet Archive https://web.archive.[...]
[123] 웹사이트 HTML 4.0 Specification https://www.w3.org/T[...]
[124] undefined
[125] 웹사이트 HTML 4.01 Specification https://www.w3.org/T[...]
[126] 웹사이트 HTML5 https://www.w3.org/T[...]
[127] 웹사이트 HTML 5.1 2nd Edition https://www.w3.org/T[...]
[128] 웹사이트 HTML 5.2 https://www.w3.org/T[...]
[129] undefined
[130] 웹사이트 HTML Living Standard - Last Updated 11 January 2023 https://html.spec.wh[...] WHATWG 2023-01-11
[131] 웹사이트 HTML Living Standard - Last Updated 2 May 2023 https://html.spec.wh[...] WHATWG 2023-05-02
[132] 웹사이트 HTML Living Standard - Last Updated 11 January 2023 https://html.spec.wh[...] WHATWG 2023-01-11
[133] undefined
[134] undefined
[135] 웹사이트 MDN Web Docs - Void elements https://developer.mo[...] 2024-03-12
[136] 웹사이트 W3C "HTML 4.01 Specification" 3.2.1 Elements https://www.w3.org/T[...] 1999-12-24
[137] 웹사이트 HTML Living Standard - Last Updated 11 January 2023 https://html.spec.wh[...] WHATWG 2023-01-11
[138] 웹사이트 HTML Living Standard - Last Updated 11 January 2023 https://html.spec.wh[...] WHATWG 2023-01-11
[139] undefined
[140] 웹사이트 HTML Standard https://html.spec.wh[...] whatwg.org 2021-05-30
[141] 웹사이트 Information Management: A Proposal https://www.w3.org/H[...] 2012-11-28
[142] 웹사이트 HTML5の構文解析がもたらすもの https://standards.mi[...] 2020-01-19
[143] 서적 Raggett on HTML 4 https://www.w3.org/P[...] Addison-Wesley 1998
[144] 일반
[145] 일반
[146] 웹사이트 HTML Standard 日本語訳 1.6 歴史 https://momdo.github[...] 2017-07-14
[147] 웹사이트 HTML 標準の更新に着手 https://www.w3.org/2[...] 2007-03-08
[148] 웹사이트 HTML5仕様をめぐるW3CとWHATWGについて、Ian Hickson氏がメーリングリストに書いたこと http://www.publickey[...] Publickey 2012-07-24
[149] 웹사이트 HTML5勧告–オープン・ウェブ・プラットフォームの重要なマイルストーンを達成 http://www.w3.org/20[...]
[150] 웹사이트 HTML 5.1 is a W3C Recommendation | W3C News https://www.w3.org/b[...]
[151] 웹사이트 HTML 5.2 is done, HTML 5.3 is coming | W3C Blog https://www.w3.org/b[...]
[152] 웹사이트 2017年のWeb標準：WEB+DESIGN STAGE新春特別企画 https://gihyo.jp/des[...] 2020-01-19
[153] 웹사이트 HTML Living Standard https://whatwg.org/h[...]
[154] 웹사이트 HTML 4 — Conformance: requirements and recommendations http://www.w3.org/TR[...]
[155] 웹사이트 Information Management: A Proposal. http://www.w3.org/Hi[...] CERN 1989년 3월, 1990년 5월
[156] 웹사이트 Design Issues http://www.w3.org/De[...]
[157] 웹인용 First mention of HTML Tags on the www-talk mailing list http://lists.w3.org/[...] 월드와이드웹 컨소시엄 2010-03-03
[158] 웹인용 Index of elements in HTML 4 http://www.w3.org/TR[...] 월드와이드웹 컨소시엄 2010-03-03
[159] 웹인용 Re: SGML/HTML docs, X Browser (archived www-talk mailing list post) http://lists.w3.org/[...] 2010-03-07
[160] 서적 The Art of Unix Programming http://www.faqs.org/[...] 2010-03-12
[161] 웹인용 HTML+ Internet-Draft - Abstract https://datatracker.[...] 2007-06-17
[162] 웹인용 RFC 1866: Hypertext Markup Language - 2.0 - Acknowledgments http://www.ietf.org/[...] Internet Engineering Task Force 2007-06-16
[163] 웹인용 RFC 1866: Hypertext Markup Language - 2.0 - Introduction http://www.ietf.org/[...] Internet Engineering Task Force 2007-06-16
[164] 서적 Raggett on HTML 4 http://www.w3.org/Pe[...] 2007-07-09
[165] 웹인용 HTML 3.2 Reference Specification http://www.w3.org/TR[...] World Wide Web Consortium 2010-03-03
[166] 웹인용 IETF HTML WG http://www.w3.org/Ma[...] 2007-06-16
[167] 웹인용 HTML 4.0 Specification http://www.w3.org/TR[...] W3C 2010-03-04
[168] 웹인용 Introduction to Wilbur http://htmlhelp.com/[...] Web Design Group 2007-06-16
[169] 웹인용 HTML 4 - 4 Conformance: requirements and recommendations http://www.w3.org/TR[...] 2010-03-04
[170] 웹인용 HTML 4.0 Specification http://www.w3.org/TR[...] W3C 2010-03-12
[171] 웹인용 HTML 4.01 Specification http://www.w3.org/TR[...] World Wide Web Consortium 2010-03-04
[172] 웹인용 ISO/IEC 15445:2000 - Information technology -- Document description and processing languages -- HyperText Markup Language (HTML) http://www.iso.org/i[...] 2010-03-12
[173] 웹사이트 CS.TCD.ie https://www.cs.tcd.i[...]
[174] 웹사이트 Hypertext Markup Language: A Representation of Textual Information and MetaInformation for Retrieval and Interchange http://tools.ietf.or[...]
[175] 웹인용 HTML 3.0 Draft (Expired!) Materials http://www.w3.org/Ma[...] World Wide Web Consortium 2010-03-04
[176] 웹인용 HyperText Markup Language Specification Version 3.0 http://www.w3.org/Ma[...] 2007-06-16
[177] 웹인용 HTML 5 http://www.w3.org/TR[...] World Wide Web Consortium 2010-03-04
[178] 웹인용 HTML 5, one vocabulary, two serializations http://www.w3.org/QA[...] 2010-03-04
[179] 웹인용 XHTML 1.0: The Extensible HyperText Markup Language (Second Edition) http://www.w3.org/TR[...] 월드와이드웹 컨소시엄 2010-03-07
[180] 웹인용 XHTML 1.1 - Module-based XHTML - Second Edition http://www.w3.org/TR[...] 월드와이드웹 컨소시엄 2010-03-07
[181] 웹인용 XHTML 2.0 http://www.w3.org/TR[...] 월드와이드웹 컨소시엄 2010-03-07
[182] 웹인용 XHTML 2 Working Group Expected to Stop Work End of 2009, W3C to Increase Resources on HTML 5 http://www.w3.org/Ne[...] 월드와이드웹 컨소시엄 2010-03-07
[183] 웹인용 HTML 5 http://www.w3.org/ht[...] 월드와이드웹 컨소시엄 2010-03-07
[184] 웹사이트 Activating Browser Modes with Doctype http://hsivonen.iki.[...]
[185] 웹인용 On SGML and HTML http://www.w3.org/TR[...] 월드와이드웹 컨소시엄 2010-03-07
[186] 웹인용 XHTML 1.0 - Differences with HTML 4 http://www.w3.org/TR[...] 월드와이드웹 컨소시엄 2010-03-07
[187] 웹인용 Why attribute values should always be quoted in HTML https://web.archive.[...] Cs.tut.fi 2010-03-07
[188] 웹인용 Tags used in HTML http://www.w3.org/Hi[...] 월드와이드웹 컨소시엄 2010-03-07
[189] 웹인용 Objects, Images, and Applets in HTML documents http://www.w3.org/TR[...] 월드와이드웹 컨소시엄 2010-03-07
[190] 웹인용 XHTML 1.0 The Extensible HyperText Markup Language (Second Edition) http://www.w3.org/TR[...] World Wide Web Consortium 2008-12-07
[191] 웹인용 RFC 2119: Key words for use in RFCs to Indicate Requirement Levels https://web.archive.[...] Harvard University 2008-12-07
[192] 웹인용 XHTML 1.1 - Module-based XHTML - Second Edition http://www.w3.org/TR[...] World Wide Web Consortium 2008-12-07
[193] 논문 WYSIWIKI - Questioning WYSIWYG in the Internet Age 2006
[194] 논문 Optimization of html automatically generated by WYSIWYG programs 2004-05-20
[195] 웹인용 XHTML Reference: blockquote https://web.archive.[...] 2010-03-12
[196] 웹사이트 Doug Engelbart's INVISIBLE REVOLUTION http://www.invisible[...]


본 사이트는 AI가 위키백과와 뉴스 기사,정부 간행물,학술 논문등을 바탕으로 정보를 가공하여 제공하는 백과사전형 서비스입니다.
모든 문서는 AI에 의해 자동 생성되며, CC BY-SA 4.0 라이선스에 따라 이용할 수 있습니다.
하지만, 위키백과나 뉴스 기사 자체에 오류, 부정확한 정보, 또는 가짜 뉴스가 포함될 수 있으며, AI는 이러한 내용을 완벽하게 걸러내지 못할 수 있습니다.
따라서 제공되는 정보에 일부 오류나 편향이 있을 수 있으므로, 중요한 정보는 반드시 다른 출처를 통해 교차 검증하시기 바랍니다.

문의하기 : help@durumis.com