4lqedz 发表于 2024-6-29 17:47:37

html页面中文暗示乱码问题


    <h2 style="color: black; text-align: left; margin-bottom: 10px;">html页面中文<span style="color: black;">表示</span>乱码问题</h2>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">html页面中<span style="color: black;">显现</span>中文时可能在前端<span style="color: black;">表示</span>为乱码。</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">问题<span style="color: black;">原由</span>:</p>页面的<span style="color: black;">表示</span>编码和存储编码不一致<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">处理</span><span style="color: black;">方法</span>:修改<span style="color: black;">表示</span>编码和存储编码为一致。</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">过程</span>:</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"> 修改页面的<span style="color: black;">表示</span>编码</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"> 修改页面的存储编码</p>
    <h2 style="color: black; text-align: left; margin-bottom: 10px;">1. 修改页面的<span style="color: black;">表示</span>编码</h2>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">页面的<span style="color: black;">表示</span>编码<span style="color: black;">便是</span>浏览器用来解析页面的编码,常用的是utf-8编码。<span style="color: black;">经过</span>在页面的head标签里面加上 meta标签<span style="color: black;">能够</span>设置<span style="color: black;">表示</span>编码为utf-8。代码如下:</p>
    <div style="color: black; text-align: left; margin-bottom: 10px;">&lt;meta http-equiv="Content-Type" content="text/html;charset=utf-8"/&gt;</div>
    <h2 style="color: black; text-align: left; margin-bottom: 10px;">2. 修改页面的存储编码</h2>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">能够</span><span style="color: black;">经过</span>文本编辑器打开html源文件,<span style="color: black;">而后</span>修改编码。我<span style="color: black;">这儿</span><span style="color: black;">经过</span>vscode 编辑器把文件存储代码从gbk修改为utf-8.</p>打开html文件,右下角看到一行状态栏,里面有文件的编码信息。<span style="color: black;">倘若</span><span style="color: black;">表示</span>UTF-8,说明文件的存储编码<span style="color: black;">便是</span>utf-8不<span style="color: black;">必须</span>修改;<span style="color: black;">倘若</span><span style="color: black;">表示</span>为GB 2312之类的,说明编码不是UTF-8。<span style="color: black;">必须</span>修改点击GB2312点击Save with Encoding找到utf-8并点击查看右下角,<span style="color: black;">发掘</span>编码<span style="color: black;">已然</span>改变了。此时<span style="color: black;">经过</span>浏览器重新打开html文件,中文应该<span style="color: black;">已然</span><span style="color: black;">表示</span>正常了。<h2 style="color: black; text-align: left; margin-bottom: 10px;">总结</h2>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">重点是html<span style="color: black;">表示</span>编码和存储编码<span style="color: black;">必要</span>一致,才不会<span style="color: black;">显现</span>乱码。</p>




听听海 发表于 2024-9-25 09:12:26

感谢楼主的分享!我学到了很多。

m5k1umn 发表于 2024-9-27 16:53:47

谷歌外链发布 http://www.fok120.com/
页: [1]
查看完整版本: html页面中文暗示乱码问题