HTML
HTML은 제목·문단·링크·표·양식처럼 웹 문서의 의미와 구조를 요소와 속성으로 표현하는 마크업 언어다.
1. 개요
HTML(HyperText Markup Language)은 웹 문서의 구조와 의미를 표현한다. 브라우저는 text/html 자원을 정해진 파싱 규칙으로 읽어 DOM 트리를 만들며, 태그 모양만 비슷하다고 항상 같은 의미가 되는 것은 아니다.[1]
2. 핵심 구성
| 구분 | 설명 |
|---|---|
| 요소 | 제목·문단·목록·링크·표·양식 등 의미 단위 |
| 속성 | 링크 목적지, 언어, 대체 텍스트 같은 추가 정보 |
| 문서 구조 | doctype, html, head, body를 중심으로 문서 구성 |
| DOM | 브라우저와 스크립트가 다룰 수 있는 객체 트리 |
3. 작동 원리
브라우저의 HTML 파서는 바이트를 문자와 토큰으로 해석하고 오류 복구 규칙을 적용해 DOM을 만든다. CSS가 DOM의 표현을 계산하고 JavaScript가 DOM과 웹 API를 통해 문서를 변경한다. 시맨틱 요소를 적절히 사용하면 검색·접근성·유지보수에 도움이 된다.
4. 형성과 표준
HTML은 월드 와이드 웹의 문서 연결 형식으로 시작해 표·양식·멀티미디어·응용 기능을 포함하도록 발전했다. 현재 WHATWG가 HTML Living Standard를 지속적으로 갱신하며, 고정된 ‘HTML5’라는 한 번의 완결판만으로 현대 동작 전체를 설명하기 어렵다.[2]
5. 활용과 주의점
모양을 위해 제목 단계나 표를 오용하지 말고 문서 의미에 맞는 요소를 선택한다. 이미지에는 맥락에 맞는 대체 텍스트를 제공하고 양식 입력에는 레이블을 연결한다. 외부 입력을 HTML로 삽입할 때는 스크립트 주입 위험을 막아야 한다.