HTML, CSS 에서의 문자셋 설정 charset, UTF-8

2023. 7. 16. 02:26·Development/HTML
반응형

Charset (Character set, 문자셋)

웹 브라우저 또는 HTML 문서가 어떤 문자셋으로 되어있는지 명시해놓은 속성.

encoding(인코딩)을 어떤 종류의 문자셋으로 해줄지, 즉 인코딩하는 방식을 정하는 것.

※ encoding(인코딩) : 사람의 언어를 컴퓨터가 읽을 수 있는 부호로 전환해주는 것이다. 반대로 decoding(디코딩)은 컴퓨터의 언어를 사람의 언어로 전화해주는 것을 의미한다.

 

Charset의 종류 

1. ASCII(아스키 코드)

가장 처음 만들어진 문자셋으로 127개의 영문자와 숫자로만 이루어져있다. 한글을 지원하지 않기 때문에 깨져서 나타난다. 

 

2. UNICODE(유니코드)

아스키 코드의 단점을 극복하기 위해 만들어진 코드 체계로 각 나라별 언어를 모두 표현할 수 있다.

 

3. UTF-8 

유니코드를 사용하는 인코딩 방식 중 하나로, 전 세계 언어를 모두 표현할 수 있다.

유니코드 자체로도 충분히 한글이 지원되지만, 영어의 경우 유니코드 사용 시 메모리 소요가 2배이상되므로 이를 해결하기 위해 만들어진 코드 체계이다. 

UTF-8 유니코드는 아스키코드와 영문 영역에서 100% 호환되므로, UTF-8로 이루어진 문서가 영문과 숫자로만 되어있다면 아스키코드나 다름 없다. 

 

HTML과 CSS에서 UTF-8 설정

HTML4 : <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">

HTML5: <meta charset="UTF-8"> 

CSS : @charset "UTF-8";

 

 

 

HTML&#44; CSS 에서의 문자셋 설정 charset&#44; UTF-8

 

 

반응형
저작자표시 비영리 변경금지
'Development/HTML' 카테고리의 다른 글
  • HTML form 관련 태그 / button태그와 input type=button 의 차이
  • 웹 디자인 및 프로그래밍 시 자주 활용되는 주요 플러그인 사이트 5
  • Table 태그
  • HTML의 기본 구조와 개념
DREYA
DREYA
한발 한발 나아가는 Delight(기쁨) 개발일지는 이곳에서 → https://velog.io/@jaidy/posts
  • DREYA
    Delight
    DREYA
    • 분류 전체보기
      • Algorithm
      • Psychology
      • Development
        • HTML
        • CSS
        • JavaScript
        • TypeScript
        • React
        • Vue.js
        • Spring
        • SQL
        • 웹 최적화
      • Design
  • 블로그 메뉴

    • 개발일지🍀
  • 공지사항

  • 최근 글

  • hELLO· Designed By정상우.v4.10.1
DREYA
HTML, CSS 에서의 문자셋 설정 charset, UTF-8
상단으로

티스토리툴바