웹 개발을 배우다 보면 반드시 마주치게 되는 두 가지 마크업 언어, 바로 HTML과 XML입니다. 이름은 비슷해 보이지만 두 언어의 목적과 사용 방식은 완전히 다릅니다. 이 글에서는 HTML과 XML의 개념을 각각 살펴보고, 실제 예제와 함께 두 언어의 핵심 차이점을 명확하게 정리해 드립니다.
HTML이란 무엇인가?
HTML(HyperText Markup Language)은 웹 페이지의 구조를 기술하기 위해 사용되는 언어입니다. HTML은 다양한 HTML 요소(element)로 구성되며, 각 요소는 HTML 태그와 그 안의 콘텐츠로 이루어집니다.
HTML은 하이퍼텍스트 언어이기 때문에 문서들 사이에 링크 체인을 만들 수 있다는 특징이 있습니다. 현재 최신 버전은 HTML5입니다. HTML은 정적(static) 언어로서 작은 오류는 무시할 수 있으며, 닫는 태그(closing tag)를 생략해도 동작하는 경우가 많습니다.
다음은 HTML의 간단한 예제입니다.
예제
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>HTML</title> </head> <body> <h1 style="text-align: center;color:#db133a;">HTML</h1> <h3 style="text-align: center;">I'm a HTML document.</h3> </body> </html>
출력 결과
XML이란 무엇인가?
XML(eXtensible Markup Language)은 데이터를 구조화하는 것이 아니라 데이터를 전송하고 저장하기 위해 사용되는 언어입니다. XML은 동적(dynamic) 언어로서 모든 오류를 엄격하게 보고하며, 닫는 태그는 필수입니다. 본질적으로 XML은 유니코드(Unicode)를 통해 다양한 인간 언어를 폭넓게 지원하는 텍스트 기반 데이터 형식입니다. 현재 최신 버전은 XML 1.1입니다.
다음은 XML의 간단한 예제입니다.
<?xml version="1.0" encoding="UTF-8"?> <fullname> <firstname>John</firstname> <lastname>Miller</lastname> </fullname>
출력 결과
HTML과 XML의 주요 차이점 비교
지금까지 살펴본 내용을 바탕으로 HTML과 XML의 차이점을 표로 정리하면 다음과 같습니다.
| HTML | XML |
|---|---|
| HyperText Markup Language의 약자로, 웹 페이지의 구조를 기술하는 데 사용되는 언어입니다. HTML 태그와 콘텐츠로 이루어진 다양한 HTML 요소로 구성됩니다. | eXtensible Markup Language의 약자로, 데이터를 구조화하는 것이 아니라 데이터를 전송하는 데 사용되는 언어입니다. |
| 데이터를 화면에 표시(display)하는 용도로 사용되기 때문에 정적입니다. | 데이터를 전송(transfer)하는 용도로 사용되기 때문에 동적입니다. |
| 프레젠테이션(표현) 언어입니다. | 프레젠테이션(표현) 언어가 아닙니다. |
| 닫는 태그를 사용하지 않아도 됩니다. | 닫는 태그 사용이 필수입니다. |
| <p>, <strong>, <head> 등 미리 정의된(predefined) 태그만 사용할 수 있습니다. | 사용자가 직접 자신만의 태그를 정의할 수 있습니다. |
| 공백(whitespace)을 보존하지 않습니다. | 공백(whitespace)을 보존합니다. |
| 대소문자를 구분하지 않습니다. | 대소문자를 엄격하게 구분합니다. |
정리: 어떤 상황에서 무엇을 사용해야 할까?
결론적으로, 사용자에게 보여줄 웹 페이지를 만들 때는 HTML을, 시스템 간에 데이터를 교환하거나 저장할 때는 XML을 사용하는 것이 적합합니다. HTML은 브라우저에서 콘텐츠를 렌더링하는 데 최적화되어 있고, XML은 플랫폼에 독립적인 데이터 교환 형식으로 API 응답, 설정 파일, 문서 포맷 등 다양한 분야에서 활용됩니다. 두 언어의 특성을 정확히 이해하면 프로젝트 목적에 맞는 올바른 기술 선택이 가능합니다.