> 웹 프론트엔드 > JS 튜토리얼 > HTML5는 UTF-8 한자의 문자 왜곡 문제에 대한 솔루션을 추가합니다.

HTML5는 UTF-8 한자의 문자 왜곡 문제에 대한 솔루션을 추가합니다.

一个新手
풀어 주다: 2017-09-27 09:55:02
원래의
2310명이 탐색했습니다.


HTML5에 utf-8 중국어가 추가되었지만 여전히 깨졌습니다.

머리말: 제가 사용하는 편집기는 EditPlus입니다 EditPlus
   最近在学习html5,对照相关教材敲出了如下代码,也设置了编码格式,但是title展示出来确实乱码。代码如下:

<!DOCTYPE html><html><head>
    <meta http-equiv="Content-Type"content="text/html;charset=UTF-8">
    <!-- <meta charset="UTF-8"> --><title>是否支持h5</title>
    <style type="text/css">
        #myCanvas{    
            background:red;    
            width:200px;    
            height:100px;
            }
            </style></head><body>
<canvas id="myCanvas">该浏览器不支持HTML5的画布标记!</canvas>
</body></html>
로그인 후 복사

原因如下:
   代码本身是没有问题的,问题就出编辑器身上。<meta charste="utf-8">只是告诉浏览器要用utf-8来解释,但是文档本身的编码,是在保存时的选择决定的,如果保存用的ANSI ,然后用utf-8解释,肯定是乱码,编辑器和记事本默认保存的文件格式是ANSI,所以在保存的时候要修改为utf-8 최근 HTML5를 공부하면서 관련 교과서를 바탕으로 다음 코드를 입력하고 인코딩 형식을 설정했는데 표시할 때 제목이 깨져 보입니다. 코드는 다음과 같습니다.

rrreee

이유는 다음과 같습니다.
코드 자체에는 문제가 없으며 문제는 편집기에 있습니다. <meta charste="utf-8">는 해석을 위해 utf-8을 사용하도록 브라우저에 지시할 뿐이지만, 저장할 때 문서 자체의 인코딩이 선택됩니다. 확인 결과, ANSI를 사용하여 저장한 다음 utf-8를 사용하여 해석하면 편집기와 메모장에서 저장한 기본 파일 형식은 ANSI이므로 저장할 때 utf-8로 변경하세요.


첨부파일:

해당 ​​편집기 EditPlus 구성의 인코딩 방법 수정:


1. 중국어 버전 EditPlus 설정 방법:
"도구" 클릭 ——> "사용자 도구 구성" 선택 ——> ; 열린 창에서 "파일"을 선택하고 -> 그림과 같이 기본 인코딩의 인코딩 방법을 선택하고 "utf-8"을 선택한 다음 확인을 클릭합니다.

소프트웨어를 종료하고 새 파일을 만든 다음 위 코드를 복사하고 새 파일을 UIF-8 인코딩 형식으로 저장합니다.


2. EditPlus 영어 버전 설정 방법:

도구 ——>사용자 도구 구성…——>“파일” 클릭——>기본 인코딩을 UTF-8로 설정——>그런 다음 “ 적용”을 선택하여 저장하세요.
소프트웨어를 종료하고 새 파일을 만든 다음 위 코드를 복사하고 새 파일을 UIF-8 인코딩 형식으로 저장합니다.
🎜이름: OOLD 🎜코드: A8F04-F7160-1C99F-79CDB-F4CE8🎜🎜🎜

위 내용은 HTML5는 UTF-8 한자의 문자 왜곡 문제에 대한 솔루션을 추가합니다.의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿