Home >Web Front-end >HTML Tutorial >How to solve the problem of garbled characters when opening HTML

How to solve the problem of garbled characters when opening HTML

藏色散人
藏色散人Original
2021-04-01 11:26:1815000browse

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>标题</h1>
<p>这是一段测试文本!</p>
</body>
</html>

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">

or abbreviation:

<meta charset="UTF-8">

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">

标题

这是一段测试文本!

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:
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