前端开发基础篇——编码问题

前端编码问题

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

• 所谓的二进制编码就是指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=地址”/>

 原文链接：http://www.atguigu.com/jsfx/12086.html