HTML5는 웹 콘텐츠를 구조화하고 표현하는 최신 HTML 표준입니다. 이전의 HTML 4.01 및 XHTML 1.1을 대체하며, 웹 개발자에게 더욱 강력하고 유연한 도구를 제공합니다. 이번 포스팅에서는 HTML5의 주요 특징과 기본 문서 구조에 대해 알아보겠습니다.
HTML5란 무엇인가요?
HTML5는 월드 와이드 웹 컨소시엄(W3C)에서 권장하는 최신 HTML 표준으로, 다양한 디지털 콘텐츠를 보다 쉽게 작성하고 배포할 수 있도록 설계되었습니다. 문법적으로는 XML이나 XHTML보다 더 유연하여 다양한 형식을 지원합니다.
HTML5의 유연한 문법 특징
1. 대문자 태그 허용
- 전통적인 소문자 표기 외에도 대문자 태그를 사용할 수 있습니다.
2. 속성값 따옴표 생략 가능
- 간단한 속성값의 경우 따옴표 없이 사용할 수 있어 코드가 더욱 간결해집니다.
3. 속성값 자체 생략 가능
- Boolean 속성의 경우 값 없이 속성명만 사용 가능합니다.
예: <input type="checkbox" checked>
4. 빈 태그의 종료 태그 생략
- <br>, <hr> 같은 빈 태그는 종료 태그 없이도 유효합니다.
HTML5 문서의 기본 구조
HTML5에서 가장 눈에 띄는 변화 중 하나는 간소화된 DOCTYPE 선언입니다. 기존의 복잡한 선언문을 벗어나, 이제는 단 한 줄로 HTML5 문서를 정의할 수 있습니다.
DOCTYPE 선언 문법
<!DOCTYPE html>
또한, 문자 인코딩 방식 선언도 간편해졌습니다. HTML5의 기본 문자 인코딩은 UTF-8로 설정되어 있어 다양한 언어를 쉽게 지원할 수 있습니다.
HTML5 이전의 문자셋 선언
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">HTML5의 간소화된 문자셋 선언
<meta charset="UTF-8">
HTML5는 웹 개발의 접근성과 효율성을 크게 향상시키며, 현대 웹 표준의 기초를 제공합니다. 아직 HTML5를 사용해보지 않았다면, 지금 바로 시작하여 그 강력한 기능을 경험해보세요!
'Web > html' 카테고리의 다른 글
| HTML5 - 추가요소 (1) | 2025.02.03 |
|---|---|
| HTML5 - 변경사항 (2) | 2025.02.02 |
| HTML 확장 - HTML과 XHTML (0) | 2025.01.31 |
| HTML 확장 - HTML과 자바스크립트 (1) | 2025.01.30 |
| HTML 확장 - HTML과 CSS (1) | 2025.01.29 |