如何解决html乱码问题


本文摘自PHP中文网,作者青灯夜游,侵删。

在html中,可以通过在head节点加入meta标签,匹配好html文件的编码格式来解决html乱码问题,语法格式“”。

本教程操作环境:windows7系统、HTML5版、Dell G3电脑。

HTML文件乱码一般是因为编码格式不匹配造成的,只要匹配好html文件的编码格式就可。

下面是一个中文乱码的html:

1

2

3

4

5

6

7

8

9

<!DOCTYPE html>

<html>

 

    <body>

        <h1>标题</h1>

        <p>这是一段测试文本!</p>

    </body>

 

</html>

效果图:

1.png

解决方法:

在head节点加入<meta>标签,把字符声明为UTF-8即可

1

2

3

4

5

6

7

8

9

10

11

12

<!DOCTYPE html>

<head>

    <meta charset="UTF-8">

</head>

<html>

 

<body>

    <h1>标题</h1>

    <p>这是一段测试文本!</p>

</body>

 

</html>

效果图:

2.png

说明:<meta>标签

<meta> 元素可提供有关页面的元信息(meta-information),比如针对搜索引擎和更新频度的描述和关键词。

<meta> 标签位于文档的头部,不包含任何内容。<meta> 标签的属性定义了与文档相关联的名称/值对。

属性描述
charsetcharacter_set定义文档的字符编码。
contenttext定义与 http-equiv 或 name 属性相关的元信息。
http-equivcontent-type
default-style
refresh
把 content 属性关联到 HTTP 头部。
nameapplication-name
author
description
generator
keywords
把 content 属性关联到一个名称。
schemeformat/URI HTML5不支持。 定义用于翻译 content 属性值的格式。

推荐教程:《html视频教程》

以上就是如何解决html乱码问题的详细内容,更多文章请关注木庄网络博客

相关阅读 >>

Html两秒跳转至其他页面

Html中的h1是多大像素

Html文本区域大小怎么设置

Html align属性是什么含义?Html中的align属性设置方法介绍

Html p标签怎么换行?Html p标签添加br换行标签的应用

Html表单的基本元素

Html基本结构分析

javascript怎么修改Html标签属性

Html dl标签作用是什么?Html dl标签的属性介绍和使用方法详解

Html中什么是内联元素?

更多相关阅读请进入《Html》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...