HTML을 공부하기에 앞서, HTML Living Standard에 대해 알아보려고 한다.
멋쟁이사자처럼 강의자분들이 HTML Living Standard가 중요하고, 이를 HTML5라고 일컫는 것은 잘못되었다고 하셨는데 왜 그런 것인지 궁금했기 때문이다.
또한 HTML 언어의 역사에 대해 공부하며 HTML에 대해 더 깊이 이해하고 싶었다.
HTML Living Standard란 무엇인가?
Living standard는 직역하면 '살아있는 표준'이다.
간단하게 설명하면 HTML 문법 등을 규정한 표준이라고 생각하면 된다.
The HTML Living Standard (sometimes informally called HTML5). The HTML specification has been a living document without version numbers since 2011. It includes both HTML, the core markup language for the web, and a number of related APIs.
HTML Living Standard은 종종 비공식적으로 HTML5라고 불린다. HTML의 스펙(specification)은 2011년부터 버전 넘버 없이 살아있는 표준(living standard)으로 존재한다. HTML Living Standard는 웹의 핵심적인 마크업 언어인 HTML과 여러 관련 API들을 모두 포함한다.
HTML의 역사
최초의 HTML은 1991년에 HTML 1.0이라는 버전으로 공개되었고, 이는 HTML 2.0, 3.2, 4.0 등으로 업데이트되었다.
각 버전은 조금씩 문법 세부 사항이 다르다.
예를 들면, <font> 태그는 HTML 1.0, 2.0에는 없었으나 3.2 버전에서 추가되었다. <font> 태그는 내용물(content)의 폰트 사이즈, 색상 등을 지정하는 역할을 했다. 그러나 <font> 태그는 4.01 버전에서 사용하지 않는 요소로 지정되었으며, 동시에 스타일링과 관련된 모든 요소가 HTML5에서 폐기되었다. 이는 아마 HTML 언어 개발자들이 스타일 관련 설정은 CSS에서 설정하도록 방향을 잡아나갔기 때문일 것이다.
2014년에 발표된 HTML5는 단순히 웹 문서를 작성할 때 사용되는 HTML의 문법적 버전뿐만 아니라 새로운 DOM API 스펙을 포함하는 것이다. XHTML에 있던 XML 문법이 제거되는 등, 문법이 이전 버전에 비해 간결하고 명확해졌다고 한다. 그러나 웹표준은 HTML Living Standard로 정해지게 되는데...
바야흐로 HTML을 협력해서 개발하던 두 팀 W3C, WHATWG가 있었다.
W3C는 HTML 4.01 이후 XML 기반의 XHTML로 웹 표준의 방향을 변경했다. 그러나 XML의 문법이 까다로워 웹 개발자들은 이 변화를 반기지 않았다.
한편 WHATWG는 W3C와 협업을 진행하면서도 W3C와는 별도로 독자적인 HTML 표준의 작업을 시작했고, 이를 HTML Living Standard라는 이름으로 발표했다. HTML Living Standard는 W3C의 HTML5와는 달리 버전 없이 그때그때 업데이트된다.
두 표준의 차이가 사소하더라도 언제 또 큰 차이가 발생할지 모르는 것이고, 표준이 2개면 혼란이 발생하기 때문에 W3C와 WHATWG는 논의를 통해 HTML 표준을 HTML Living Standard로 단일화하기로 한다.
즉, 언어를 개발하던 개발팀 사이에 개발 방향의 차이가 있어서 생긴 두 표준이 HTML5와 HTML Living Standard인데 이제 HTML Living Standard만 웹표준으로 받아들여진다고 생각하면 되겠다.
따라서 최신 HTML을 배우며 이를 HTML5라고 일컫는 것은 틀린 표현이다.
다음에는 HTML Living Standard의 내용에 대해 알아보겠다.
❓ 추가 궁금증 : DOM이 무엇인가?
⚠️ 공부하면서 작성한 포스팅입니다. 오류가 있다면 댓글로 알려주시면 감사하겠습니다 :)
References
https://en.wikipedia.org/wiki/HTML
'프로그래밍 > HTML·CSS' 카테고리의 다른 글
[HTML] 파일과 데이터를 모두 body에 넣어 API 요청하기 | form 태그 활용기 (1) (1) | 2022.08.26 |
---|---|
[CSS] 스크롤바 커스텀 | 스크롤바에 padding, margin 넣기 (2) | 2022.04.21 |
[CSS] p 태그 내에서 개행 문자가 적용되지 않는 현상 (0) | 2022.03.18 |
[CSS] flex-basis, flex-grow, flex-shrink 개념 완벽 정리 & flex 축약법 (2) | 2021.11.28 |