前端培训基础之编码问题

前端编码问题

• 在计算机的内部,文件都是以二进制编码 保存的。

• 所谓的二进制编码就是指1和0,也就是我 们的所有内容都需要转换为1和0。

• 中国两个字在计算机的底层保存的可能要 转换为10100101这种二进制码,这一过程 称为编码。

• 计算机在读取文件时需要将10100101在转 换为中国给我们显示这一过程称为解码。
前端字符集

• 这就带来一个问题,中国到底是10100101 还是01011010到底由谁说了算。

• 所以我们还需要一个东西称为字符集,字 符集规定了如何将文本转换为二进制编码。

• 常见的字符集:ASKII、ISO8859-1、GBK、 GB2312、UTF-8。
前端乱码原因

• 如果我们保存文件时使用的是utf-8进行编 码,而浏览器读取页面时使用gb2312,这 样就会导致页面中的内容不能正常显示, 也就是我们所说的乱码。

• 所以我们只需要统一两者使用的字符集就 可以解决乱码问题。

• 这里为了页面有更好的使用性,我们一般 使用utf-8。
前端乱码解决

• 保存文件的编码我们直接通过编辑器即可 指定,接下来就是要告诉浏览器使用什么 字符集去解析文件。

• 在html5中只需要使用meta标签即可完成 这个任务:
<meta charset=”utf-8″ />
前端基础<meta>

• 作用: – <meta> 标签可提供有关页面的元信息,比如 针对搜索引擎和更新频度的描述和关键词。 – <meta> 标签位于文档的头部,不包含任何内 容。<meta> 标签的属性定义了与文档相关联 的名称/值对。
前端基础meta的用法

• 设置页面的字符集 – <meta charset=”utf-8″>

• 设置网页的描述 – <meta name=”description” content=””>

• 设置网页的关键字 – <meta name=”keywords” content=””>

• 请求的重定向 – <meta http-equiv=”refresh” content=”5;url=地址”/>

想要了解跟多关于web前端培训课程内容欢迎关注尚硅谷web前端培训,尚硅谷除了这些技术文章外还有免费的高质量web前端培训训课程视频供广大学员下载学习


上一篇:
下一篇:
关于尚硅谷
教育理念
名师团队
学员心声
资源下载
视频下载
资料下载
工具下载
加入我们
招聘岗位
岗位介绍
招贤纳师
联系我们
电话:010-56253825
邮箱:info@atguigu.com
地址:北京市昌平区宏福科技园综合楼6层(北京校区)

 深圳市宝安区西部硅谷大厦B座C区一层(深圳校区)

上海市松江区谷阳北路166号大江商厦6层(上海校区)