（二）前端基础之页面乱码问题，实体，meta元信息

1.两个标准

W3C万维网联盟（专门为定义网页相关标准而成立的，定义了网页中HTML，CSS，DOM，HTTP，XML等标准）

WHATWG网页超文本应用技术工作小组，是一个以推动网络HTML5标准为目的而成立的组织，

调试工具fireBug

2.HTML超文本标记语言

文本：.txt文件 

超文本：可以显示图片，视频，音频等文件

标记：使用标签来标记网页中的内容

ASCII编码（2的7次方，美国），ISO-8859-1（2的8次方，欧洲），GBK（中国），GB2312（中文的默认编码），UTF-8（万国码），unicode编码。

在中文系统的浏览器中，默认都是使用GB2312进行解码，UTF-8无DOM格式，需要告诉浏览器网页所采用的编码字符集：

<meta charset="utf-8">

3.实体

在HTML中，一些如<>特殊字符不能直接使用，需要使用特殊符号来表示这些字符，这些特殊符号称为实体（转义字符）

实体语法：&实体的名字;

如：&lt;表示<      &gt; 表示>   &nbsp; 表示空格  &copy版权符号

浏览器解析到实体时，会自动将实体转换为对应的字符

4.meta元信息 

设置网页字符集，还可以用来指定网页的关键字和描述，搜索引擎在检索页面时，会同时检索页面中的关键词和描述，但是这两个词不会影响页面在所搜引擎中的排名。title和h1会影响网页在搜索引擎中的排名（还有竞价排名，访问量排名）。

1）设置字符集 <meta charset="utf-8">

2)   使用meta标签可以用来设置网页得关键字：<meta name="keywords" content="HTML5,前端"/>

3）指定网页的描述：        <meta name="description" content="发布HTML5,JS等前端相关的信息"/>

4）请求的重定向：<meta http-equiv="refresh" content="5;url=https://www.baidu.com"/>

补充：

h1-h6的重要性依次降低，对于搜素引擎来说h1的重要性仅次于title，搜素引擎检索完title会立即查看h1中的内容，h1标签中的内容会影响页面在搜索引擎中的排名，所以一个页面只能写一个h1.

在HTML中写再多的空格，浏览器解析时也会当成一个空格，换行也会当成一个空格。