这篇文章目的是讲解一下HTML文件的编码
首先,HTML的编码解码分为两块:HTML文件本身的编码格式、HTML中通过charset设置的编码。

HTML文件本身编码格式

在win系统的记事本一般保存默认为ASCII,但是由于在国内,汉字居多,所以一般需要改为UTF-8进行保存。

HTML中通过charset设置的编码

这个地方也是需要设置的,一般通过在head标签中加上<meta charset="utf-8" />,具体例子如下:

<!doctype html>
<html><head><meta charset="utf-8" /><title>一个网页编码小试验</title></head><body><h1>关于网页写出来是<font color="red">乱码</font>这件事。。。</h1><p1>ps:本文档使用UTF-8编码</p1></body>
</html>

这里需要和文件本身保存的编码格式保持一致的原因为:

浏览器会先以charset中指定的编码读取网页,如果与html自身的编码不一致,那么就会乱码;如果没有指明charset,则浏览器会使用默认的ISO-8859-1对文件进行解码,如果猜错了,那么也会乱码;总之,网页中最好指明charset,并且要与html自身的编码一致,这样才不会出现乱码现象。

那我们保存代码的时候不是已经在文件中指定了该文件的编码格式吗,那我们将文本推送给浏览器的时候,不就清楚我们用的是什么格式的编码了吗?为什么还要再告诉浏览器我们用的是什么编码?也许只有我曾经犯过这个低级的错误!

其实我们推给浏览器的是这个文本中的内容,而文本文件的编码格式是以属性的方式存储在该文件相关的位置,并不存储在文本文件中。因此,当我们将这个文本文件的内容推给浏览器的时候,浏览器并不知道它是以什么样的编码格式存在的,为了保证浏览器能够解析文本内容,我们需要告诉浏览器这个文本文件的存储格式,告诉的方式就是使用meta标签进行指定。

讲给胖虎听的《关于HTML编码》相关推荐

  1. 天辰的救赎(JS)第三章(胖虎的指引)

    阅读须知 这是一篇小说风格的关于JS的文章,网上已经有大量的优秀技术文章和书籍,写系列的主要目的只是想尝试用不同的方式来分享一些关于JS的知识,或者可以说只是单纯地为了好玩,文笔不怎么好,希望大家多多 ...

  2. React Redux 与胖虎

    这是一篇详尽的 React Redux 扫盲文. 对 React Redux 已经比较熟悉的同学可以直接看 <React Redux 与胖虎他妈>. 是什么 React Redux 是 R ...

  3. 胖虎谈ImageLoader框架(二)

    前言 从学校出来的这半年时间,发现很少有时间可以静下来学习和写博文了,为了保持着学习和分享的习惯,我准备之后每周抽出一部分时间为大家带来一个优秀的Android框架源码阅读后的理解系列博文. 期许:希 ...

  4. 胖虎谈ImageLoader框架(一)

    前言 从学校出来的这半年时间,发现很少有时间可以静下来学习和写博文了,为了保持着学习和分享的习惯,我准备之后每周抽出一部分时间为大家带来一个优秀的Android框架源码阅读后的理解系列博文. 期许:希 ...

  5. 【胖虎的逆向之路】03——Android一代壳脱壳办法罗列实操

    [胖虎的逆向之路]03--Android脱壳办法罗列&脱壳原理详解 [胖虎的逆向之路]01--动态加载和类加载机制详解 [胖虎的逆向之路]02--Android整体加壳原理详解&实现 ...

  6. 【胖虎的逆向之路】04——脱壳(一代壳)原理脱壳相关概念详解

    [胖虎的逆向之路]04--脱壳(一代壳)原理&脱壳相关概念详解 [胖虎的逆向之路]01--动态加载和类加载机制详解 [胖虎的逆向之路]02--Android整体加壳原理详解&实现 [胖 ...

  7. 【胖虎的逆向之路】01——动态加载和类加载机制详解

    胖虎的逆向之路 01--动态加载和类加载机制详解 一.前言 二.类的加载器 1. 双亲委派模式 2. Android 中的类加载机制 1)Android 基本类的预加载 2)Android类加载器层级 ...

  8. 【胖虎的逆向之路】02——Android整体加壳原理详解实现

    [胖虎的逆向之路](02)--Android整体加壳原理详解&实现 Android Apk的加壳原理流程及详解 文章目录 [胖虎的逆向之路](02)--Android整体加壳原理详解& ...

  9. React Redux 与胖虎他妈

    本文将涉及以下三块内容: 多 Reducer 中间件 封装组件方便获取 Store 前言 在上一篇文章<React Redux与胖虎> 中我们详尽地介绍了 React Redux,也写了一 ...

最新文章

  1. OpenCV中响应鼠标信息cvSetMouseCallback函数的使用
  2. Servlet3.0之二:异步特性
  3. 网站优化只需五步技巧分享推广无界限
  4. 在centos7离线安装mysql_CentOS7离线安装MySQL
  5. Math.Celing、Math.Floor、Math.DivRem与Math.BigMul
  6. idea redis 插件_Redis客户端RDM收费后,还有哪些开源的替代品呢?
  7. Pixhawk原生固件PX4之位姿控制算法解读
  8. [图] DevOps:提速从研发到交付流程
  9. c语言中指数优化,西藏东财中证医药卫生指数C净值下跌1.96% 请保持关注
  10. 操作系统-单处理器调度
  11. 【Linux】Linux的常用远程工具
  12. 机器学习--支持向量机(二)拉格朗日乘子法详解
  13. Android增量更新——bsdiffbspatch
  14. 极客大学架构师训练营 系统安全架构 系统稳定高可用 PBKDF2加密算法 第11次作业
  15. 《遥感原理与应用》总结—遥感物理基础
  16. Python Matplotlib add_subplot 和 subplots_adjust详解及代码详细说明 配图片说明
  17. 微型计算机对应的英文名,跟中文名匹配的英文名
  18. 如何看待社会的阴暗面
  19. HDU6069(数学)
  20. 关于字段超长导致的插入错误的提示信息(value too long for type character varying)

热门文章

  1. 化学lims实验室信息管理系统推荐
  2. flutter开发工具,2020年最全Android面试攻略
  3. android 动态图形,Android 加载GIF动态图片
  4. 北京联合大学提前批计算机科学与技术,首都师范大学和北京联合大学首次在提前批招师范生...
  5. 计算机桌面视频录制,录制电脑屏幕 如何录制电脑屏幕视频?录制电脑屏幕软件...
  6. 名画168 唐寅《临李伯时饮中八仙全图》
  7. 超宽带高速记录回放系统的分类之磁盘阵列高速采集卡
  8. c语言】13个人围成一圈,从第1个人开始顺序报号1,2,3.凡报到3者退出圈子。找出最后留在圈子中的人原来的序号
  9. Windows序列号大全
  10. 如何爬取天猫评论数据