Congroo 发表于 2018-4-21 11:47:10

萌新求助， html5的<meta>标签

<meta>标签中 charset和http-equiv="content-type"在web速查中不是一样的效果么，为什么，下面两段代码，其中代码1的中文是乱码，代码2正常显示，用win10自带的edge浏览器打开，用chrome两种无差别，


代码1：
<!DOCTYPE html>
<html>
<head>
    <title>懒得写（反正你们也看不到）</title>
        <meta http-equiv="content-type" content="text/html charset=UTF-8">
</head>
<body>
    <h1>“自适应”演示</h1>
    <p>请分别在PC和手机上打开该页面！</p>
    <img id="target" src="../img/FishC.png" alt="鱼C-Logo" width="256px" height="256px">
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
    proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
</body>
</html>

edge显示：



static/image/hrline/dot2.gif



代码2：
<!DOCTYPE html>
<html>
<head>
    <title>懒得写（反正你们也看不到）</title>
        <meta charset="utf-8">
</head>
<body>
    <h1>“自适应”演示</h1>
    <p>请分别在PC和手机上打开该页面！</p>
    <img id="target" src="../img/FishC.png" alt="鱼C-Logo" width="256px" height="256px">
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
    proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
</body>
</html>

不二如是 发表于 2018-4-21 15:18:35

chrome 内置utf-8

用中文， <meta charset="utf-8">，必须要写～

Congroo 发表于 2018-4-21 15:50:46

不二如是 发表于 2018-4-21 15:18
chrome 内置utf-8

用中文， ，必须要写～

也就是说不能用<meta http-equiv="content-type" content="text/html charset=UTF-8">代替，这两种有么子区别么~~~

不二如是 发表于 2018-4-22 11:14:42

Congroo 发表于 2018-4-21 15:50
也就是说不能用代替，这两种有么子区别么~~~


只要你在代码2中，有声明meta元素且有charset="utf-8"。

那么用现代浏览器（Chrome，firefox，safari...）就不会出现中文乱码

Congroo 发表于 2018-4-22 11:54:57

不二如是 发表于 2018-4-22 11:14
只要你在代码2中，有声明meta元素且有charset="utf-8"。

那么用现代浏览器（Chrome，firefox，safar ...

谢谢大神{:10_254:}
页: [1]
查看完整版本: 萌新求助， html5的<meta>标签