Home Web Front-end HTML Tutorial The role and settings of character sets in html

The role and settings of character sets in html

Jun 19, 2017 am 10:37 AM
html effect character set set up

HTMLThe role of character set:

HTML character set is used for The text and language used to describe the content of the HTML page. The HTML language is used to tell the browser what internal code and language to display the web page in. Incorrectly setting the character set of a web page can cause garbled characters on the page.

Syntax:

<meta http-equiv="Content-Type" content="text/html"; charset="xxx">
Copy after login

Description: http-equiv transmits the header of the HTTP communication protocol.

content defines the internal code used by the web page, and charset defines the language category used by the internal code of the web page.

Example:

<meta http-equiv="Content-Type" content="text/html"; charset="gb2312">
Copy after login

This example indicates that the character set used by this web page is GB2312 Simplified Chinese.

html character set setting:


#1》First of all, let’s talk about why we need to set the characters of the html file Set

If not specified, the browser will use the character set of the local operating system. Then, if your application needs to support multiple languages, there will be problems. For example, if your page contains Chinese Characters, the character set of the end user's local operating system is ISO-8859-1, then the browser will use ISO-8859-1 to decode your html file. This will cause Chinese garbled characters.

If there are no Chinese characters in the html file, but there is form input on the page, then if you enter Chinese and then submit, garbled characters may appear in the next screen. For example, the current HTML file uses the ISO-8859-1 character set of the local operating system. You enter Chinese on the screen and submit it. When migrating to the next screen (for example, it is a JSP file, the character set of the request is utf-8 ), then garbled characters will still be generated when displayed on the next screen.

So, if the character set is explicitly specified in the html file, the browser will use the character set you specify to decode the html file, so that no matter what the character set of the local operating system is, garbled characters will not be generated. .

2》The setting method is as follows:

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


When I use my eclipse created an a.html file, its default encoding is UTF-8, and it can display Chinese. But after I tested the code in html and used .txt to turn it into a .html file b.html, when I put the code in, Chinese garbled characters appeared, and a.html was obviously 7 bytes larger than b.html. Change the encoding in b.html to GB2312, and there will be no Chinese garbled characters.

The special thing is to set the character set of the web page and tell the browser to interpret the page in this encoding.

1. The method of setting the character set in the web page is:

<meta charset="utf-8">//也可以使用其他字符集
Copy after login

2. If the character set declared in the web page is inconsistent with the encoded character set saved in the file itself, it will This causes the browser to parse the page into garbled characters. If it is declared as utf-8, and the encoding saved when saving the page with Editor is gb2312, then the browser will use utf-8 encoding to interpret the gb2312 characters and the characters will be displayed as garbled characters, so The two must be consistent for normal display.

The above is the detailed content of The role and settings of character sets in 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

Hot AI Tools

Undresser.AI Undress

Undresser.AI Undress

AI-powered app for creating realistic nude photos

AI Clothes Remover

AI Clothes Remover

Online AI tool for removing clothes from photos.

Undress AI Tool

Undress AI Tool

Undress images for free

Clothoff.io

Clothoff.io

AI clothes remover

AI Hentai Generator

AI Hentai Generator

Generate AI Hentai for free.

Hot Article

R.E.P.O. Energy Crystals Explained and What They Do (Yellow Crystal)
3 weeks ago By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Best Graphic Settings
3 weeks ago By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. How to Fix Audio if You Can't Hear Anyone
3 weeks ago By 尊渡假赌尊渡假赌尊渡假赌
WWE 2K25: How To Unlock Everything In MyRise
3 weeks ago By 尊渡假赌尊渡假赌尊渡假赌

Hot Tools

Notepad++7.3.1

Notepad++7.3.1

Easy-to-use and free code editor

SublimeText3 Chinese version

SublimeText3 Chinese version

Chinese version, very easy to use

Zend Studio 13.0.1

Zend Studio 13.0.1

Powerful PHP integrated development environment

Dreamweaver CS6

Dreamweaver CS6

Visual web development tools

SublimeText3 Mac version

SublimeText3 Mac version

God-level code editing software (SublimeText3)

Table Border in HTML Table Border in HTML Sep 04, 2024 pm 04:49 PM

Guide to Table Border in HTML. Here we discuss multiple ways for defining table-border with examples of the Table Border in HTML.

Nested Table in HTML Nested Table in HTML Sep 04, 2024 pm 04:49 PM

This is a guide to Nested Table in HTML. Here we discuss how to create a table within the table along with the respective examples.

HTML margin-left HTML margin-left Sep 04, 2024 pm 04:48 PM

Guide to HTML margin-left. Here we discuss a brief overview on HTML margin-left and its Examples along with its Code Implementation.

HTML Table Layout HTML Table Layout Sep 04, 2024 pm 04:54 PM

Guide to HTML Table Layout. Here we discuss the Values of HTML Table Layout along with the examples and outputs n detail.

HTML Input Placeholder HTML Input Placeholder Sep 04, 2024 pm 04:54 PM

Guide to HTML Input Placeholder. Here we discuss the Examples of HTML Input Placeholder along with the codes and outputs.

HTML Ordered List HTML Ordered List Sep 04, 2024 pm 04:43 PM

Guide to the HTML Ordered List. Here we also discuss introduction of HTML Ordered list and types along with their example respectively

Moving Text in HTML Moving Text in HTML Sep 04, 2024 pm 04:45 PM

Guide to Moving Text in HTML. Here we discuss an introduction, how marquee tag work with syntax and examples to implement.

HTML onclick Button HTML onclick Button Sep 04, 2024 pm 04:49 PM

Guide to HTML onclick Button. Here we discuss their introduction, working, examples and onclick Event in various events respectively.

See all articles