웹 프론트엔드 HTML 튜토리얼 HTML 웹페이지가 왜곡되는 이유와 해결 방법

HTML 웹페이지가 왜곡되는 이유와 해결 방법

Nov 21, 2017 am 11:58 AM
html 해결하다

때때로 우리가 만드는 웹페이지가 열릴 때 왜곡되는 경우가 있는데, 이 상황을 어떻게 해결해야 합니까? 문자가 깨져 보이는 원인과 해결 방법은 다음과 같습니다.

1. 코드가 깨지는 이유

1. 예를 들어 웹 페이지의 소스 코드는 gbk로 인코딩되고, 내용의 한자는 utf-8로 인코딩됩니다. 브라우저가 열릴 때. 반대로, 웹페이지가 utf-8로 인코딩되고 콘텐츠가 gbk인 경우 잘못된 문자가 나타납니다.

2. html 웹페이지의 인코딩은 gbk이며, 프로그램은 데이터베이스에서 utf-8로 인코딩된 콘텐츠를 호출하므로 문자 인코딩이 깨질 수도 있습니다.

3. 브라우저는 웹페이지의 인코딩을 자동으로 감지할 수 없어 웹페이지가 깨집니다.

2. 문자 깨짐 해결 방법

첫 번째는 HTML 웹페이지 소스 코드 인코딩이 한자 입력 인코딩과 다르다는 것입니다.

해결책:

HTML 웹 콘텐츠를 편집하려면 소프트웨어를 사용하세요. HTML 코드 편집 및 개발에는 DW 소프트웨어를 사용하는 것이 좋습니다.

HTML 코드를 편집하기 위해 메모장을 직접 사용하지 마십시오.

둘째, 웹 페이지 설정 인코딩이 gbk이고 데이터베이스 저장 데이터 인코딩 형식이 UTF-8인 경우 프로그램은 트랜스코딩을 위한 기본 프로그램에 들어가기 전에 데이터베이스 데이터를 쿼리하고 데이터를 표시합니다.

예를 들어, PHP 프로그램 + mysql 쿼리 표시 데이터 트랜스코딩:

1, mysql_query("SET NAMES 'UTF8'") //쿼리 데이터를 utf8로 트랜스코딩합니다. 즉, utf-8로 변환합니다

2 , mysql_query ("SET NAMES 'GBK'");//쿼리 데이터를 GBK로 트랜스코딩합니다(예: gbk2312

데이터베이스 연결 파일을 작성할 때 다음을 작성하세요:

$conn = mysql_connect("$host","$user","$password"); 
mysql_query("SET NAMES 'UTF8'"); 
mysql_select_db("$database",$conn);
로그인 후 복사

그런 다음 페이지를 만들 때 다음 문장에 주의하세요:

< 메타 http-equiv="Content-Type" content="text/html; charset=utf-8" />

이렇게 하면 데이터베이스에 대한 중국어 입력이나 페이지 표시에 관계없이 모든 것이 정상일 것입니다.

DW CS4 버전에서는 기본적으로 utf8 페이지도 생성됩니다.

마찬가지로 데이터베이스 연결 파일을 처음에

mysql_query("SET NAMES &#39;GBK&#39;");
로그인 후 복사

로 작성하면 페이지도 다음과 같아야 합니다.

<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
로그인 후 복사
로그인 후 복사

다른 ASP 프로그램이나 다른 프로그래밍 언어 웹사이트는 Baidu에 가서 다음에 따른 변환 인코딩 방법을 확인해야 합니다. 실제 상황.

세 번째 유형은 브라우저가 문자를 깨뜨리는 경우입니다.

이 문제는 웹페이지에서 메타 문자 집합 인코딩을 설정하지 않았기 때문에 발생할 수 있습니다. 결과적으로 브라우저는 웹 페이지의 기본 인코딩 유형을 인식할 수 없습니다. 해결책:

1. 브라우저에서 탐색할 때 웹페이지가 깨져 보이는 경우, 브라우저에서 인코딩을 변환하는 메뉴를 찾으세요.

IE9 브라우저에서 코드 변환이 필요한 빈 웹페이지를 마우스 오른쪽 버튼으로 클릭하고 "인코딩"을 선택하세요.

Maxthon 브라우저에서 트랜스코딩이 필요한 웹페이지를 탐색할 때 메뉴 "보기" --> "인코딩"을 선택하여 인코딩 변환을 선택하세요.

Google Chrome에서 트랜스코딩이 필요한 웹페이지를 탐색할 때 "3개"를 클릭하세요. 오른쪽 상단 모서리에 있는 "가로줄" 아이콘을 클릭하고 "도구" --> "인코딩"을 선택하여 브라우저가 잘못된 문자로 이 웹페이지를 탐색하지 않도록 웹페이지 인코딩을 전환합니다.


2. 자신만의 웹페이지를 개발한다면 웹페이지에 메타 문자셋 인코딩 태그를 추가해야 합니다.

<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
로그인 후 복사
로그인 후 복사


또는

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
로그인 후 복사

메모장에서 메타문자셋 인코딩 태그를 편집하여 변환이 완료되지 않으면 이 역시 문자 깨짐 현상이 발생하게 됩니다. 이는 메모장에서 인코딩 형식을 직접 추가하거나 수정한 후에 해당되기 때문입니다. HTML 하이퍼텍스트 인코딩 형식을 추가하거나 수정해도 문서의 내용은 변경되지 않습니다. 이때 실제 트랜스코딩이 필요하므로 개발 소프트웨어를 사용하여 인코딩을 추가하고 수정하는 것이 가장 좋습니다.

DW 소프트웨어에서 인코딩을 수정하는 것이 좋습니다. DW 소프트웨어에서 인코딩을 수정하거나 추가하고 인코딩된 웹 페이지를 다시 로드합니다.

깨진 웹 페이지에 대한 솔루션이 필요한 친구는 저장할 수 있으며, 이 사이트의 다른 업데이트에 계속 관심을 가져주세요.

관련 읽기:

HTML에서 checkbo를 사용하는 방법


HTML에서 규칙 명명 규칙


html에서 글꼴 색상을 변경하는 방법

위 내용은 HTML 웹페이지가 왜곡되는 이유와 해결 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.

핫 AI 도구

Undresser.AI Undress

Undresser.AI Undress

사실적인 누드 사진을 만들기 위한 AI 기반 앱

AI Clothes Remover

AI Clothes Remover

사진에서 옷을 제거하는 온라인 AI 도구입니다.

Undress AI Tool

Undress AI Tool

무료로 이미지를 벗다

Clothoff.io

Clothoff.io

AI 옷 제거제

AI Hentai Generator

AI Hentai Generator

AI Hentai를 무료로 생성하십시오.

인기 기사

R.E.P.O. 에너지 결정과 그들이하는 일 (노란색 크리스탈)
3 몇 주 전 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. 최고의 그래픽 설정
3 몇 주 전 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. 아무도들을 수없는 경우 오디오를 수정하는 방법
4 몇 주 전 By 尊渡假赌尊渡假赌尊渡假赌
WWE 2K25 : Myrise에서 모든 것을 잠금 해제하는 방법
1 몇 달 전 By 尊渡假赌尊渡假赌尊渡假赌

뜨거운 도구

메모장++7.3.1

메모장++7.3.1

사용하기 쉬운 무료 코드 편집기

SublimeText3 중국어 버전

SublimeText3 중국어 버전

중국어 버전, 사용하기 매우 쉽습니다.

스튜디오 13.0.1 보내기

스튜디오 13.0.1 보내기

강력한 PHP 통합 개발 환경

드림위버 CS6

드림위버 CS6

시각적 웹 개발 도구

SublimeText3 Mac 버전

SublimeText3 Mac 버전

신 수준의 코드 편집 소프트웨어(SublimeText3)

H5 페이지 생산에는 지속적인 유지 보수가 필요합니까? H5 페이지 생산에는 지속적인 유지 보수가 필요합니까? Apr 05, 2025 pm 11:27 PM

코드 취약점, 브라우저 호환성, 성능 최적화, 보안 업데이트 및 사용자 경험 개선과 같은 요소로 인해 H5 페이지를 지속적으로 유지해야합니다. 효과적인 유지 관리 방법에는 완전한 테스트 시스템 설정, 버전 제어 도구 사용, 페이지 성능을 정기적으로 모니터링하고 사용자 피드백 수집 및 유지 관리 계획을 수립하는 것이 포함됩니다.

JS가 H5없이 실행할 수 있습니까? JS가 H5없이 실행할 수 있습니까? Apr 06, 2025 am 09:06 AM

JavaScript가 HTML5없이 실행할 수 있습니까? JavaScript 엔진 자체는 독립적으로 실행할 수 있습니다. 브라우저 환경에서 JavaScript를 실행하는 것은 코드를로드하고 실행하는 데 필요한 표준화 된 환경을 제공하기 때문에 HTML5에 따라 다릅니다. HTML5가 제공하는 API 및 기능은 최신 JavaScript 프레임 워크 및 라이브러리에 중요합니다. HTML5 환경이 없으면 많은 JavaScript 기능을 구현하기 어렵거나 구현할 수 없습니다.

HTML, CSS 및 JavaScript의 역할 : 핵심 책임 HTML, CSS 및 JavaScript의 역할 : 핵심 책임 Apr 08, 2025 pm 07:05 PM

HTML은 웹 구조를 정의하고 CSS는 스타일과 레이아웃을 담당하며 JavaScript는 동적 상호 작용을 제공합니다. 세 사람은 웹 개발에서 의무를 수행하고 화려한 웹 사이트를 공동으로 구축합니다.

플렉스 레이아웃의 자주색 슬래시 영역이 잘못된 '오버플로 공간'으로 간주되는 이유는 무엇입니까? 플렉스 레이아웃의 자주색 슬래시 영역이 잘못된 '오버플로 공간'으로 간주되는 이유는 무엇입니까? Apr 05, 2025 pm 05:51 PM

플렉스 레이아웃의 보라색 슬래시 영역에 대한 질문 플렉스 레이아웃을 사용할 때 개발자 도구 (d ...)와 같은 혼란스러운 현상이 발생할 수 있습니다.

H5 페이지 제작의 장점은 무엇입니까? H5 페이지 제작의 장점은 무엇입니까? Apr 05, 2025 pm 11:48 PM

H5 페이지 제작의 장점에는 경량 경험, 빠른 로딩 속도 및 사용자 유지 개선이 포함됩니다. 교차 플랫폼 호환성, 다른 플랫폼에 적응할 필요가 없어 개발 효율성을 향상시킵니다. 유연성 및 동적 업데이트, 감사가 필요하지 않아 콘텐츠를 쉽게 수정하고 업데이트 할 수 있습니다. 기본 앱보다 비용 효율적이고 개발 비용이 낮습니다.

Safari의 로컬 웹 페이지에서 맞춤형 스타일 시트가 적용되지만 Baidu 페이지에서는 그렇지 않은 이유는 무엇입니까? Safari의 로컬 웹 페이지에서 맞춤형 스타일 시트가 적용되지만 Baidu 페이지에서는 그렇지 않은 이유는 무엇입니까? Apr 05, 2025 pm 05:15 PM

Safari에서 사용자 정의 스타일 시트 사용에 대한 토론 오늘 우리는 Safari 브라우저에 대한 사용자 정의 스타일 시트 적용에 대한 질문에 대해 논의 할 것입니다. 프론트 엔드 초보자 ...

MySQL에 루트로 로그인 할 수 없습니다 MySQL에 루트로 로그인 할 수 없습니다 Apr 08, 2025 pm 04:54 PM

Root로 MySQL에 로그인 할 수없는 주된 이유는 권한 문제, 구성 파일 오류, 암호 일관성이 없음, 소켓 파일 문제 또는 방화벽 차단입니다. 솔루션에는 다음이 포함됩니다. 구성 파일의 BAND-ADDRESS 매개 변수가 올바르게 구성되어 있는지 확인하십시오. 루트 사용자 권한이 수정 또는 삭제되어 재설정되었는지 확인하십시오. 케이스 및 특수 문자를 포함하여 비밀번호가 정확한지 확인하십시오. 소켓 파일 권한 설정 및 경로를 확인하십시오. 방화벽이 MySQL 서버에 연결되는지 확인하십시오.

Edge 브라우저의 특정 DIV 요소가 표시되지 않는 이유는 무엇입니까? 이 문제를 해결하는 방법? Edge 브라우저의 특정 DIV 요소가 표시되지 않는 이유는 무엇입니까? 이 문제를 해결하는 방법? Apr 05, 2025 pm 08:21 PM

사용자 에이전트 스타일 시트로 인한 디스플레이 문제를 해결하는 방법은 무엇입니까? 에지 브라우저를 사용하는 경우 프로젝트의 DIV 요소를 표시 할 수 없습니다. 확인 후 게시했습니다 ...

See all articles