TIL 02. HTML 한글이 깨질 때

crystal·2021년 2월 5일
0

HTML & CSS

목록 보기
2/6

html문서 내에서 작성한 한국말이 웹 브라우저에서 종종 깨져서 나올 때가 있다. 해결 방법을 알아보자.

한국말이 깨지는 이유가 뭘까? 브라우져마다 문자 인코딩 방식이 달라서 그렇다.항상 안 깨지도록 하기 위해서는 우리가 직접 설정을 해줘야 한다.
아래는 간단한 html 웹문서이다.

<!DOCTYPE html>

<title>Crystal.log</title>

<h1><i>HTML</i> 프로젝트</h1>
<h2>이름: 김수정</h2>
<h3>이메일: ggg7152@gmail.com</h3>
<p>나는 <i>HTML</i>을 좋아한다. 프론트엔드 개발자가 되는 그 날까지 화이팅!</p>

브라우저마다 다르겠지만 한글이 깨져서 나올 때가 있다.

UTF-8

utf-8은 한글을 지원하는 대표적인 인코딩 방식이다. utf-8인코딩 방식을 사용하라고 브라우저에게 명령을 해줘야 한다.

utf-8 쓰는 방법

<meta charset = "utf-8">

위의 웹 문서에 <meta charset = "utf-8">를 추가해주면 된다.


<!DOCTYPE html>

<head>
<title>Crystal.log</title>
<meta charset = "utf-8">
</head>

<body>
<h1><i>HTML</i> 프로젝트</h1>
<h2>이름: 김수정</h2>
<h3>이메일: ggg7152@gmail.com</h3>
<p>나는 <i>HTML</i>을 좋아한다. 프론트엔드 개발자가 되는 그 날까지 화이팅!</p>
</body>

<meta> 태그는 <head> 영역에서 쓸 수 있다. <title>태그 밑에 <meta charset = "utf-8">를 써 주면 더 이상 한글이 깨지지 않을 것이다.

profile
어제보다 더 나은 오늘의 내가 되자 ✧ʕ̢̣̣̣̣̩̩̩̩·͡˔·ོɁ̡̣̣̣̣̩̩̩̩✧ 

0개의 댓글