}}} 태그 등 중요한 태그에서 오타가 난다면 사이트 레이아웃이 홀랑 깨져버리기도 한다. 위에 있는 [[HTML5]] 표준 형식 HTML이 아니더라도, 그냥 {{{
Hello World!}}}라고만 써도({{{}}} 선언문 누락, {{{}}} 선언 태그 누락, {{{}}}, {{{}}} 태그 누락, 닫는 태그 {{{ }}} 누락) 어지간해서는 의도한 바대로 출력이 된다. 물론 디버그 모드[* 브라우저의 개발자 모드 Console 탭]로 보면 이 부분이 잘못되었다고 에러가 떠 있을 것이다. HTML 최상단의 {{{}}}[* HTML 문서를 읽을 때, 이 문서는 HTML 문서이고 어떤 버전을 사용했으며 그 버전에 맞는 방법으로 해석하라고 브라우저에게 알려주는 선언문.] 선언이 누락될 경우에는 이야기가 많이 달라지는데, 이 경우 브라우저는 해당 HTML 문서를 호환성 모드(Quirks mode)[* HTML 표준에서 벗어난 웹 브라우저의 독자적인 렌더링 모드다. 표준을 따르지 않으므로 브라우저간의 호환성은 많이 떨어진다. 굳이 이 모드에 대응하는 IE 5와 똑같이 하지 않는 이유는 말 그대로 [[어른의 사정]] 때문([[Microsoft Edge|엣지]]의 등장으로 IE를 버렸다고는 하지만, 아직 11버전만의 보안 패치를 하고 있기 때문에 [[어밴던웨어]]가 아니다).]로 해석하여 렌더링한다.
그러나 HTML은 서버에서 보내오는 정보대로 페이지를 그려내는 것에는 강하지만 반대로 사용자의 입력에 민감하게 반응하여 페이지를 그리는 것에는 약한 편이다. 또한 동적인 화면 구성이 힘들다는 약점도 있다. 이러한 면을 보완하기 위하여 [[JavaScript]] 등의 각종 스크립트의 도움을 받으며, 요즘 유행하는 [[AJAX#s-1]]도 그런 면을 보완하기에 적합하다. 그 외에 멀티미디어 지원을 위하여 외부 프로그램을 불러올(embedding) 수 있다. 다만 이는 브라우저 의존적인 면이 강하여, 이 브라우저로 잘 표시되는 페이지가 다른 브라우저로는 완전 엉망이 되는 경우도 있다. [[HTML5]]는 비디오/오디오 처리를 위한 별도의 {{{
}}}, {{{}}} 태그를 추가하고 동적인 그래픽은 {{{}}}와 {{{}}} 태그를 통해 사용할 것을 권고하고 있으며 외부 플러그인은 가급적 사용하지 않으려 하고 있다. 그래도 아직은 {{{}}} 태그와 {{{}}} 태그를 통해 외부 플러그인([[어도비 플래시|플래시]] 등)을 제한적으로 실행할 수는 있다. 하지만 2021년부터 어도비가 플래시 지원을 종료해서 사용하지 않을 것을 권고한다. 어차피 플래시로 하던 기능을 HTTP, [[CSS]], [[JavaScript]] (혹은 Node.js) 등으로 통폐합 시키게 된다.
== [[HTML/태그|태그]] ==
[include(틀:상세 내용, 문서명=HTML/태그)]
HTML을 기술하기 위하여 사용하는 명령어의 집합을 태그(Tag)라고 한다. 태그는 기본적으로 여는 태그와 닫는 태그로 구성되며, 닫는 태그 없이 단독으로 이용하는 태그도 있다. 태그에 주는 다양한 옵션은 모두 여는 태그에 지정하며, 닫는 태그는 태그 효과가 적용되는 범위의 끝을 나타내는 기능만 한다.
그런데 태그 종류가 수십 가지가 넘는 데다, 지정가능한 옵션까지 일일이 열거하면 책 한 권 분량이 된다. 따라서 일반인은 사용빈도가 높은 일부 태그만 암기하고, 나머지는 '태그사전(또는 레퍼런스)'이라고 하는 도움말 파일을 참고하는 편이다. 물론 암기 범위는 고급 사용자 내지는 프로페셔널(흔히 웹 퍼블리셔라고 하는 사람들)로 갈수록 넓어진다.
태그는 HTML의 근간이기 때문에, HTML 기반 채팅 프로그램에서도 사용할 수 있다. 대표적인 예가 cafe24 채팅. 다만 보안상 문제와 수많은 테러 때문에 현재는 대부분의 태그를 막고, 일부 태그만 허용하는 상태. 그림 삽입이나 페이지 링크, 음악 삽입, {{{}}} 정도가 허용된다. 대부분의 [[PHP]] 기반 웹 게시판에서도 원칙적으로 글 제목과 내용에 태그를 적용시킬 수 있다. 다만 채팅과 같은 이유로 그 사용을 제한하는 경우가 많다. 특히 제목 부분에는 어떤 태그도 허용하지 않는 것이 일반적.
HTML 4와 XHTML에서의 태그 사용 방식이 약간 다르다. 여는 태그와 닫는 태그가 별도로 존재하지 않는 태그 ({{{ '''버전''' || '''공개일''' || '''내용''' ||
|| HTML 1.0 || 1991년 ||최초의 HTML. 팀 버너스리가 월드 와이드 웹을 발표하면서 내놓은 버전이다. 처음에는 버전이 붙지 않았으나 나중에 보강된 2.0 버전이 나오면서 붙은 이름. 80년대에 존재하던 SGML이라는 마크업 언어를 참조하여 만들어졌다. ||
|| HTML 2.0 || 1995년[br]11월 24일 ||HTML 사상 최초로 표준으로 지정되었다. HTML 1.0에서 파일 업로드 양식과 프레임, 테이블, 이미지맵, 국제화 기능이 추가된 것으로, 팀 버너스리와 여러 다른 사람의 노력으로 표준화되었다. 인터넷의 대중화가 시작되면서 이때부터 HTML도 널리 알려지기 시작했다. 하지만 동시에 HTML의 문제점 역시 두드러졌던 시기이다. 95년대 브라우저 전쟁 시기 웹페이지 관리자는 IE를 위한 페이지와 넷스케이프를 위한 페이지를 따로 만들어야 했었다. 그러하여 그것을 보완하기 위해 W3C에서 보완한 것이 HTML 3.2. ||
|| HTML 3.2 || 1997년[br]1월 14일 ||표준화 작업을 담당하는 W3C에서 처음으로 나왔다. 수학 수식을 사용하는 태그를 완전히 제외하고, 넷스케이프의 비주얼 관련 태그를 수록했다. {{{}}}나 {{{}}} 태그가 들어간 것이 이 버전.||
|| HTML 4.0 || 1997년[br]12월 ||Strict, Transitional, Frameset의 세 가지 문서 형태를 지원하는 것이 가장 큰 변화이다. Strict는 비표준이나 비권장 태그를 절대 허용하지 않는 엄격한 문서이고, Transitional은 비표준이나 비권장 태그도 허용하는 융통성 있는 문서, Frameset은 웹브라우저 화면을 나눈 프레임 문서에 쓰는 것이다. ||
|| HTML 4.01 || 1999년[br]12월 ||2014년 10월 28일 HTML5의 최종 권고안이 확정되면서 구버전이 되었다. 비주얼 태그가 모두 비권장으로 지정된 것이 가장 큰 변화이다. 기존 비주얼 태그는 [[CSS]]로 빼서 사용할 것을 권장하고 있다. ||
|| XHTML 1.0 || 2000년[br]1월 26일 ||HTML 4.01과 함께 가장 많이 사용되는 표준이다. 내용상의 변화는 거의 없고, HTML 4.01을 [[XML]] 형식으로 포팅한 버전. 따라서 HTML 4.01의 내용을 거의 그대로 가지고 있다. 이 때문에 2013년 지금까지도 HTML 4.01과 함께 가장 많이 사용되고 있다. ||
|| XHTML 1.1 || 2001년[br]5월 31일 ||XHTML의 가장 최신 버전이지만, 거의 사용되지 않는 실정이다. XHTML 1.0까지 있었던 Transitional 형식이 빠지면서 비표준이나 비권장 태그와의 호환성이 사라져 버렸다. 이 때문에 지나치게 엄격하다는 지적과 함께 사용되지 않게 되었다. 이어 2014년 10월 28일 HTML5의 최종 권고안이 확정되면서 구버전이 된 상태. ||
|| --XHTML 2.0-- || ||2009년 말에 논의가 중단된 XHTML의 버전이다. 원래 XHTML 1.1을 잇는 차기버전으로 이야기가 되고 있었지만 2008년 HTML 5로 방향을 선회하면서 중단되었다. ||
|| '''HTML Living Standard''' || 2011년 1월 ~ ||WHATWG는 HTML5라는 이름 대신 HTML Living Standard라는 이름을 사용하기로 하였고, W3C의 HTML5 표준은 이 표준의 스냅샷이 되는 것으로 합의하였다. 그러나 이후 스펙의 불일치가 발생하게 되고, 결국 HTML5.2를 마지막으로 W3C의 HTML 표준은 폐지된다. ||
|| [[HTML5|HTML 5]] || 2014년[br]10월 28일 ||문서 참고. ||
|| HTML 5.1 || 2016년 11월 1일 ||단, 이 표준은 오류가 발견되어 2017년 10월 3일에 HTML 5.1 2nd Edition으로 대체되었다. ||
|| HTML 5.2 || 2017년[br]12월 14일 || ||
|| --HTML 5.3-- || - ||W3C에서 개발하던 표준안으로, 이 표준안이 작업되던 중 W3C와 WHATWG의 합의로 HTML 표준은 WHATWG의 HTML Living Standard로 일원화되었다. 따라서 정식 버전은 아니다. ||
== HTML 문서 저장 방법 ==
HTML 문서를 작성한 후 메모장에서 저장할 시, '''다른 이름으로 저장'''을 선택한 뒤, 파일 형식을 '모든 파일 (*.*)'로 지정하고 파일명 끝에 .html이나 .htm을 추가하면 HTML 문서가 된다. 이렇게 하지 않으면 그냥 --뭔가 내용이 다 깨진-- 메모장으로 열린다.
.html로 바꾸고 난 이후에 수정하고 싶다면, .html 확장자 파일을 오른쪽 클릭 후, 연결 프로그램을 선택하고 Notepad(메모장)을 선택하거나, .html 파일을 메모장에 끌어다 놓기 해주자. 다시 확장자를 .txt로 바꿔도 된다. 참고로 윈도우즈의 메모장으로 HTML 문서를 편집하면, 각 줄마다 CRLF가 달라붙어서 문제가 되기도 한다. 웬만하면 [[Visual Studio Code|VS Code]]나 [[vim]], Notepad++ 같은 에디터로 편집하도록 하자. 맥이라면 [[Xcode]]를 쓰면 된다.[* HTML 문서의 경우 웹 브라우저가 해석하니 별 문제가 없긴 하지만 CGI 프로그램의 경우 LF(Line Feed)가 아닌 CRLF(Carriage return & Line Feed)가 붙으면 인터프리터의 주소를 찾지 못하는 문제가 생긴다. CGI 프로그램이 돌아가는 환경이 유닉스나 리눅스가 대부분이기 때문이다. 윈도우 환경에서 돌아가는 CGI라면 해당없다.][* [[FTP]]를 이용해서 올릴 때 ASCII 모드로 올리면 저장될 때 자동으로 서버의 OS 환경으로 맞춰준다.] 이런 에디터의 경우 HTML이나 서버 사이드 스크립트 코딩에 최적화되어 있기 때문에 구문에 따라 색상 구분도 되는 등 여러 가지 장점이 있다.
HTML 파일 형식의 확장자는 .html이며, '.htm'이라고도 쓸 수 있다. 이는 도스 시절 확장자가 3글자로 제한되었기 때문이다. 윈도우즈 95로 넘어오면서 이 제한이 없어져서 지금은 거의 .html로 쓰는 편이다. 또한 HTML의 인코딩은 현재 거의 UTF-8로 통일되었다.[* 단, 브라우저가 자동으로 UTF-8로 인식하는 것은 아니고 {{{}}} 태그 안에 {{{