HTML은 마크업(markup) 언어입니다.
마크업 언어는 텍스트에 표시(Markup)를 추가하여 구조나 의미를 설명하는 언어를 말합니다.
마크업 언어
- HTML (HyperText Markup Language)
: 웹 페이지의 구조와 내용을 정의.
- XML (eXtensible Markup Language)
: 데이터의 구조를 정의.
- Markdown
: 간단한 텍스트 서식 문법.
- LaTeX
: 수식이 많은 문서 작성, 학술 논문.
- SGML (Standard Generalized Markup Language)
: HTML과 XML의 기반 언어.
- YAML (YAML Ain't Markup Language)
: 설정 파일에서 사용되는 언어.
- BBCode (Bulletin Board Code)
: 인터넷 포럼 등에서 사용하던 간단한 마크업 언어, 요즘은 Markdown 사용.
DOCTYPE = DTD(Document Type Definition)
HTML5 DTD
<!DOCTYPE html>
DTD는 웹 브라우저가 어떤 HTML 버전의 해석 방식으로 웹 페이지를 해석할지 정의합니다.
HTML 1, 1993년, 특별한 DTD가 없다. 지금처럼 엄격한 표준화가 없었다.
HTML 2, 1995년, 처음 DTD 도입했다.
<!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML 2.0//EN">
HTML 3.2, 1997년, 표<table>, 텍스트 스타일, 이미지<img> 태그 등을 추가.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2 Final//EN">
HTML 4.01, 1999년, 세 가지 DTD를 사용하였습니다.
- HTML 4.01 Strict : 프레임과 비표준 요소를 제외.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
- HTML 4.01 Transitional : 프레임과 비표준 요소 허용.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
- HTML 4.01 Frameset : 프레임셋 사용.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
XHTML 1.0, 2000년, W3C(World Wide Web Consortium)
XHTML 1.0은 HTML 4.01을 XML 규칙에 맞춰 다시 작성한 것이다.
HTML의 태그 구조와 XML의 엄격한 구문 규칙을 결합했다. 당시에는 XML 기반의 웹 서비스와 호환하기 위해 도입했다.
XML 파서가 느려서 개인적으로는 비호감이었다.
- XHTML 1.0 Strict
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
- XHTML 1.0 Transitional
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- XHTML 1.0 Frameset
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
| XHTML은 XML 규칙을 따르는데 XML에서는 태그와 속성 이름에 소문자 사용을 권장했다. (html PUBLIC) |
HTML 5, 2014년, 복잡한 DTD를 버리고 단순화!
- W3C, WHATWG(Web Hypertext Application Technology Working Group)에서 표준으로 채택.
- 멀티미디어 기능, 웹 애플리케이션을 지원하는 태그 추가. <audio>, <video>, <canvas>, <header>, <footer>
<!DOCTYPE html>
VSCode에서 !를 입력하면,
HTML 5 DTD를 포함하여 기본 HTML 코드를 생성해준다.
'개발 > 웹 (HTML)' 카테고리의 다른 글
| HTML 자주 사용하는 태그 - <ul><ol><li> (0) | 2024.11.18 |
|---|---|
| HTML 블록 요소 개념 잡기 (1) | 2024.11.17 |
| HTML 인라인 요소 개념 잡기 (0) | 2024.11.16 |
| 코드 가독성을 높이는 HTML 빈 태그와 주석 이야기 (0) | 2024.11.15 |
| VSCode 웹 개발 시작하기 - Live Server로 만드는 '니' 첫 번째 웹 페이지 (2) | 2024.11.09 |
| VSCode 언어별 들여쓰기(탭) 지정 - Settings.json (1) | 2024.11.08 |
| VSCode 웹 개발 시작하기 - 필수 단축키 모음 (0) | 2024.11.07 |
| HTML 초보자를 위한 VSCode 확장 추천 (4) | 2024.10.28 |
