Documentation
HTML vs. XML
by seyoonagain
2024. 9. 2.
HTML vs. XML
HTML과 XML은 둘 다 markup languages의 일종이지만 사용 목적과 용도가 다르다.
HTML
- 웹 페이지의 구조와 콘텐츠를 정의하는 데 사용되며, 텍스트, 이미지, 비디오, 링크 등 다양한 UI가 담긴 웹 페이지 렌더링에 최적화되어 있다.
- 엄격한 구조를 따르지 않아도 브라우저가 자동으로 오류를 수정할 수 있다.
- 사전 정의된 의미를 가진 태그들로 구성되어 있으며, 문서의 표현 presentation에 중점을 둔다.
- CSS와 JavaScript를 결합하여 스타일링과 동적 기능을 추가할 수 있다.
XML
- 데이터를 주고받고 전송하기 위해 데이터 포맷을 정의하는 데 사용되며, 사용자 정의 태그를 이용해 데이터를 구조적으로 표현한다.
- 매우 엄격한 구조를 가지고 있어, 오류가 있으면 파싱이 불가능하다.
- 사용자 정의 태그를 사용하여 데이터의 구조 structure를 표현하며, 데이터의 의미를 정의하지는 않는다.
- XSLT와 같은 스타일시트 언어를 사용하여 데이터를 표현할 수 있으며, 다양한 프로그래밍 언어에서 XML 데이터를 처리할 수 있다.
HTML과 XML의 공통점 정리
- 태그와 속성(attribute)을 쓰는 문법을 사용한다.
- 단일 루트 요소(root element)를 갖는다.
- 단독으로만 쓰이지 않고, 스크립팅 언어(JavaScript 등)와 결합되어 동적인 애플리케이션을 만든다.
- 텍스트 기반의 문서 형식으로 다양한 운영체제 및 플랫폼에서 작업이 가능하다.
- 사람이 읽고 이해하기 쉬운 구조를 가지고 있다.
HTML과 XML의 차이점 정리
| HTML |
XML |
| 브라우저에 화면 표시를 목표로 함 |
데이터 통신을 목표로 함 |
| 사전 정의된 태그만 사용 가능 |
사용자 정의 태그 사용 가능 |
| 특정 태그만 self-closing 가능 |
내용이 없는 모든 태그는 self-closing 가능 |
| 오류가 있어도 브라우저가 자동으로 수정 가능 |
오류가 있으면 파싱 불가능 |
사용예시
<!DOCTYPE html>
<html>
<body>
<p>Hello, HTML!</p>
</body>
</html>
<note>
<to>Alice</to>
<from>Bob</from>
<message>Hello, XML!</message>
</note>