How to solve the problem of garbled characters when opening HTML-HTML Tutorial-php.cn

Table of Contents

标题

Home

Web Front-end

HTML Tutorial

How to solve the problem of garbled characters when opening HTML

藏色散人

Apr 01, 2021 am 11:26 AM

html

The solution to opening garbled html: first open the corresponding HTML code file; then add the tag to the head node; and finally declare the characters as UTF-8.

How to solve the problem of garbled characters when opening HTML

The operating environment of this article: Windows7 system, HTML5&&CSS3 version, DELL G3 computer

Solution to garbled HTML page:

Garbled characters in HTML files are generally caused by a mismatch in encoding formats, such as: mixed encoding content, the browser cannot automatically detect web page encoding, etc. However, no matter what situation causes garbled characters, set the settings in the HTML file header. Web page encoding, just match the encoding format.

The following is a Chinese garbled html:

<!DOCTYPE html>
<html>
<body>
<h1 id="标题">标题</h1>
<p>这是一段测试文本！</p>
</body>
</html>

Copy after login

Rendering:

How to solve the problem of garbled characters when opening HTML

There are three encoding methods in HTML: gb2312, gbk , utf-8; most browsers now use utf-8 as the default encoding. We only need to set the HTML encoding method to utf-8 to solve the problem of Chinese garbled HTML.

Solution:

Add the tag to the head node and declare the characters as UTF-8

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

Copy after login

or abbreviation:

<meta charset="UTF-8">

Copy after login

Analysis ：

●http-equiv="Content-Type" indicates the description document type

● content="text/HTML;Document type, here is html, if JS is text/javascript,

● charset=utf-8 page character set, encoding, eg: gb2312, iso-8859-1, utf-8

Example:



<meta charset="UTF-8">



标题
这是一段测试文本！

Copy after login

Rendering:

How to solve the problem of garbled characters when opening HTML

Recommended learning: "HTML video tutorial" "css video tutorial"

The above is the detailed content of How to solve the problem of garbled characters when opening HTML. For more information, please follow other related articles on the PHP Chinese website!

Statement of this Website

The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn