HTML accept-charset 속성 완벽 정리 – 폼 문자 인코딩 설정 방법

HTML accept-charset 속성이란?

HTML의 accept-charset 속성은 폼(form)을 서버로 전송할 때 사용할 문자 인코딩(character encoding)을 지정하는 데 사용됩니다. 즉, 사용자가 입력한 텍스트가 어떤 방식으로 인코딩되어 전송될지 브라우저에 알려주는 역할을 합니다.

이 속성은 <form> 태그에만 적용할 수 있으며, 다국어 사이트나 특수 문자를 처리하는 웹 애플리케이션에서 특히 유용합니다.

기본 문법

<form accept-charset="char_set">

여기서 char_set은 하나 이상의 문자 인코딩 목록을 의미하며, 여러 개를 지정할 경우 공백으로 구분하여 나열합니다.

UTF-8: 유니코드(Unicode) 기반 인코딩으로, 전 세계 모든 언어와 특수문자를 지원하는 가장 널리 쓰이는 방식입니다.
ISO-8859-1: 라틴 알파벳(Latin-1) 인코딩으로, 영어 및 서유럽 언어에 주로 사용됩니다.

accept-charset 속성 예제

다음은 accept-charset 속성을 실제로 구현한 예제입니다. 폼의 문자 인코딩을 ISO-8859-1로 지정했습니다.

<!DOCTYPE html>
<html>
<body>
<h2>실행 결과</h2>
<form action="" accept-charset="ISO-8859-1">
    <label for="stinfo">학생 이름:</label>
    <input type="text" id="stinfo"><br>
    <label for="sub">과목:</label>
    <input type="text" id="sub"><br>
    <label for="rank">등수:</label>
    <input type="number" id="rank"><br>
    <label for="marks">점수:</label>
    <input type="number" id="marks"><br><br>
    <input type="submit" value="제출">
</form>
</body>
</html>

출력 결과

위 코드를 실행하면 학생 이름, 과목, 등수, 점수를 입력할 수 있는 폼이 화면에 표시됩니다. 이 폼은 제출 시 데이터가 ISO-8859-1 인코딩 방식으로 서버에 전송됩니다.

HTML accept-charset 속성 완벽 정리 – 폼 문자 인코딩 설정 방법

참고 사항

accept-charset 속성을 생략하면 폼은 문서 자체의 인코딩(일반적으로 UTF-8)을 따릅니다.
한글 등 비라틴 문자를 처리하려면 UTF-8을 사용하는 것이 좋습니다.
대부분의 최신 브라우저에서 잘 지원되지만, 서버 측에서도 동일한 인코딩을 처리할 수 있도록 설정해야 데이터가 깨지지 않습니다.