JavaWeb学习之路(7)--让HTML支持中文

￡神魔★判官ぃ 2022-09-11 04:22 156阅读 0赞

***[点此查看全部文字教程、视频教程、源代码][Link 1]***

### 本文目录 ###

*  1. 网页中文会乱码
 *  2. 为啥会乱码
 *  3. 让浏览器支持中文
 *  4. 标签的属性
 *  5. 小结

# 1. 网页中文会乱码 #

之前的章节中，我们陆续学习了4个标签：

*  html：整个网页
 *  head：网页头部
 *  title：网页头部的标题
 *  body：网页内容

通过这四个标签，我们可以编写一个简单的网页：

<html>
    <head>
    	<title>我的网页</title>
    </head>
    <body>
        这是我的个人网页
    </body>
    </html>

打开后，效果如下，可以发现中文部分乱码了：  
![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA54aK54yr5aSn5ZOl5aSn_size_20_color_FFFFFF_t_70_g_se_x_16_pic_center]

# 2. 为啥会乱码 #

那么为何会乱码呢？

这就要从HTML历史说起了，HTML发明者`蒂姆·伯纳斯·李`是英国人，他会英语啊，不会中文。

所以人家在创立语言之处，肯定它就支持英语，你看这些标签其实都是英文单词或者英文单词的缩写。

所以在网页标准里面，天生就是支持英文的。

但是中文的话，就不是天生支持的那么好的，这就需要我们告诉浏览器——**请支持中文吧！**

# 3. 让浏览器支持中文 #

那么如何让浏览器支持显示中文呢，还是采用HTML惯用的方式——标签。

我们可以通过`<meta>`标签设置网页的一些特性，例如支持的语言编码。由于是设置网页的整个特性，所以它也是位于`<head>`标签之内的。

通过设置标签的`charset`属性为`utf-8`即可让网页支持中文，注意`utf-8`是最常用的中文编码。

# 4. 标签的属性 #

在标签中间的部分，叫做标签的内容。内容一般会显示在网页上。

例如`<title>我的网页</title>`中，`我的网页`就是`<title>`标签的内容。

而在开始便签内部的，叫做标签的属性，属性一般用来给标签增加描述，是一种参数设置，但是一般不会在页面上显示。

例如`<meta charset="utf-8">`中，`charset`就是标签的`<meta>`标签的属性，而`charset="utf-8"`表示给该属性设定了值为utf-8。

# 5. 小结 #

本篇介绍了如何在网页上正确的显示中文，如下：

<html>
    <head>
        <meta charset="utf-8">
    	<title>我的网页</title>
    </head>
    <body>
        这是我的个人网页
    </body>
    </html>

注意如果对网页的内容、属性还觉得不好理解的话，就暂时记住就是了，只要在网页头部添加`<meta charset="utf-8">`，即可让网页支持中文。

[Link 1]: https://studyingpanda.blog.csdn.net/article/details/105329926
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA54aK54yr5aSn5ZOl5aSn_size_20_color_FFFFFF_t_70_g_se_x_16_pic_center]: /images/20220828/5c9b9bb61ffc4ea18ce1a9da295ffd59.png