💡 퀵 접속: htm.kr/html

HTML5 HTML 태그 사용법

1. HTML 태그란?

HTML 태그는 웹 문서의 루트 요소로, 문서의 시작과 끝을 나타내며, 문서의 언어 설정과 같은 중요한 정보를 포함합니다.

2. 기본 구조

HTML 태그의 기본 사용법

<html lang="ko">
    <head>
        <!-- 메타데이터 -->
    </head>
    <body>
        <!-- 문서 내용 -->
    </body>
</html>

3. 주요 속성

속성 설명 예시
lang 문서의 언어 설정 lang="ko"
xmlns XML 네임스페이스 xmlns="http://www.w3.org/1999/xhtml"

4. HTML 태그의 역할

  • 웹 문서의 루트 요소 역할
  • 문서의 언어 설정
  • 문서의 구조 정의
  • 브라우저에게 HTML 문서임을 알림

💡 주의사항

  • HTML 태그는 DOCTYPE 선언 다음에 와야 합니다.
  • lang 속성은 접근성과 검색 엔진 최적화에 중요합니다.
  • head와 body 태그는 HTML 태그 내부에 있어야 합니다.
  • XML 문서에서는 xmlns 속성이 필요할 수 있습니다.

5. 실제 사용 예제

<!DOCTYPE html>
<html lang="ko">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>웹페이지 제목</title>
</head>
<body>
    <h1>안녕하세요!</h1>
    <p>이것은 HTML5 문서입니다.</p>
</body>
</html>

6. 다국어 지원

lang 속성을 사용한 다국어 지원 예시:

<html lang="ko">  <!-- 한국어 -->
<html lang="en">  <!-- 영어 -->
<html lang="ja">  <!-- 일본어 -->
<html lang="zh">  <!-- 중국어 -->

7. 검증 및 테스트

HTML 태그가 올바르게 사용되었는지 확인하는 방법:

  • W3C 마크업 검증 서비스 사용
  • 브라우저 개발자 도구로 문서 구조 확인
  • 다양한 브라우저에서 테스트
  • 접근성 검사 도구 사용