web开发——前端基础（3）—— HTML字符编码

最新推荐文章于 2024-03-17 08:42:35 发布

四席城

最新推荐文章于 2024-03-17 08:42:35 发布

阅读量218

点赞数

文章标签：前端

本文链接：https://blog.csdn.net/m0_61506131/article/details/128474845

版权

今天我们说一说HTML的字符编码。

字符编码：
编码 - 将字符转换为二进制的过程为编码。
解码 - 将二进制转换为字符的过程为解码。
例子：

周杰伦 -> 110000110110 (编码）
110000110110 -> 周杰伦（解码）
编码：计算机要储存周杰伦这三个字，先会对周杰伦进行（编码转换），10000110110就是编码数字。
解码：计算机要取出周杰伦这三个字，就需要用到（解码转换）了，把10000110110转换为周杰伦。

常见的字符集有：

ASCII （美国)
GB2312 （中国）
GBK （中国）
UTF-8 （万国码）全世界通用

注：一般在国内用的话就用UTF-8就可以了。

接下来我写一个小网页来解释一下，字符编码的重要性，我写了一个关于电影《阿凡达2-水之道》的一个简介介绍：
在meta标签之后的 charset="utf-8"
源代码（图1）
红圈一定是utf-8（图2）
效果图（图3）

图1：

<html>
    
  <head>

    <!-- 字符编码必须与左下角的一致，否则会乱码-->
    <meta charset="utf-8">

    <!--标题-->>
    <title>这是我第四个网页</title>

  </head>



 <body>
    <h1>阿凡达2-水之道</h1>
    <h2><font color="red">剧情简介</font></h2>
    <p> 故事发生在<font color="blue">2154年</font>，人类为取得另一星球<font color="blue">“潘多拉”</font>的资源，</p>
    <p> 开启了阿凡达计划，以人类与纳美人（潘多拉星球土著）的DNA混血，</p>
    <p> 培养出身高近3米高的阿凡达，并能以人类意志思维控制，</p>
    <p> 以方便在潘多拉星球生存活动并采寻一公斤值2千万美金的矿产输送回地球。</p>
    <p> 受伤后以轮椅代步的前海军陆战队员杰克（萨姆·沃辛顿 饰）接受政府招募，</p>
    <p> 穿越无数光年，来到美丽的潘多拉星球接受饰演。化身“阿凡达”后行走自如的杰克，</p>
    <p> 被赋予渗入纳美人族群的任务。但是一名美丽的女纳美人涅提妮（佐伊·索尔达娜 饰）</p>
    <p> 意外地救了杰克一命，也让一切为之改变。杰克在涅提妮的指引下，学习融入纳美祖群中，</p>
    <p> 经历了无数的考验与冒险。随着逐渐被纳美人所接纳，他也通过这样的旅程找回了自己。</p>
    <p> 不过很快地，杰克却要被迫面对人生最终极的考验，他将率领纳美人向人类宣战，</p>
    <p> 一场决定潘多拉星球命运的战争，一触即发。 </p>

    <img src="https://img1.baidu.com/it/u=1051377346,2959297577&fm=253&fmt=auto&app=120&f=JPEG?w=640&h=350" >
</body>

</html>

图2：