4.HTML基础

1、网页乱码的问题是如何产生的？解决方法？

①保存的编码格式和浏览器解析时的解码格式不匹配导致的。将保存的编码格式和浏览器解析的编码格式设置一样的，一般用utf-8.
②乱码一般是英文以外的字符才会出现
注意：如果你的文件是保存为utf-8格式，那么一定要在html 的里添加，这句话的意思是告诉浏览器在打开这个页面的时候不要去猜了，直接用utf-8去解码。 同理，如果你的文件保存为gbk格式，一定在文件里添加。

拓展:

了解几种编码方式:
①ASCII（American Standard Code for Information Interchange）的缩写，中文是美国标准信息交换代码，适应用于美式英语的国家使用，它由128个字符组成，包括大小写字母、数字0-9、标点符号、非打印字符（换行符、制表符等4个）以及控制字符（退格、响铃等）组成，每 个字符占7位（1字节是8位）。
②ISOLatin-1，它对ASCII做了个扩充，适用于欧洲的语言，对于0-127之间的字符使用ASCII里的字符， 把位于128-255之间的字符表示拉丁字母表中特殊语言字符。
③Unicode 中文是统一码，万国码。是对ISO Latin-1进行扩展。它是国际组织制定的可以容纳世界上所有文字和符号的字符编码方案，它为每种语言中的每个字符设定了统一并且唯一的二进制编码，以满足跨语言、跨平台进行文本转换、处理的要求。
④UTF-8（8-bit Unicode Transformation Format）是一种针对Unicode的可变长度字符编码 。常见的UTF格式有：UTF-7, UTF-7.5, UTF-8,UTF-16, 以及UTF-32。
⑤GBK全称《汉字内码扩展规范》（GBK即“国标”、“扩展”汉语拼音的第一个字母，英文名称：Chinese Internal Code Specification）。是对Unicode的拓展。它是中国的中文字符，包含了简体中文与繁体中文字符，另外还有一种字符“gb2312”，这种字符仅能存储简体中文字符。

2.颜色有几种写法， 红色、 绿色、蓝色、白色、黑色如何表示？

颜色有三种写法：
①颜色的英文名。例如red表示红色,blue表示蓝色,green表示绿色。
②十六进制编码的形式。这种最常用。例如ffffff表示白色，000000表示黑色。当然如果像这种情况，三原色中的每两位都是一样的数字，也可以简写为三位，即#f00，它们都是表示红色。
③用rgb(r,g,b)的形式表示。其中,r表示红色，g表示绿色，b表示蓝色。括号里的r,g,b的取值范围在0-255之间，也可以用百分比表示，取值在0-1之间。例如rgb(255,255,255)和rgb(100%,100%,100%)都表示白色。

注意：
①其中RGB还有个透明度a（Alpha参数），这个参数是一个介于0.0（完全透明）到1.0（完全不透明）之间的数值,如:rgba(f,f,f,0.2)中的0.2;
②除了直接写颜色的名字外，另外两种颜色都是十六进制的写法，具体的可以查百度。

透明黑rgba(0,0,0,0.2)；#ccc,#eee,#333是由浅到深的灰色。

3. 的作用是什么？

doctype是document type的简写。标签声明html文件使用了html或xhtml的哪种规范，使文件在不同的浏览器中解析时都遵循这种规范，避免混乱。
表示遵循的是html5规范。

4、严格模式和混杂模式指什么？

严格模式就是在页面具有声明，浏览器按照此标准解析网页；
混杂模式不写DOCTYPE，混杂模式是不可取的，因为其没有兼容性可言。

5.meta有什么作用，常见的值有哪些?

标签可提供有关页面的元信息（meta-information）,比如搜索引擎优化（SEO），定义页面使用语言，自动刷新并指向新的页面，实现网页转换时的动态效果，控制页面缓冲，网页定级评价，控制网页显示的窗口等。
标签永远位于 元素内部,没有结束标签。标签的属性定义了与文档相关联的名称/值对。

meta标签共有两个属性，它们分别是http-equiv属性和name属性，不同的属性又有不同的参数值，这些不同的参数值就实现了不同的网页功能。
①name属性
name属性主要用于描述网页，与之对应的属性值为content，content中的内容主要是便于搜索引擎机器人查找信息和分类信息用的。
meta的name属性的语法格式为：

;

name主要有以下几种参数：

• Keywords(关键字)
  keywords用来告诉搜索引擎你网页的关键字是什么。
• generator
  generator的信息参数，代表说明网站的采用的什么软件制作。
• description(网站内容描述)
  description用来告诉搜索引擎你的网站主要内容。
• author(作者)
  标注网页的作者

②http-equiv属性
http-equiv相当于http的文件头作用，它可以向浏览器传回一些有用的信息，以帮助正确和精确地显示网页内容。
meta的http-equiv属性语法格式为：

;

http-equiv主要有以下几种参数：

• Expires(期限)
  可以用于设定网页的到期时间。一旦网页过期，必须到服务器上重新传输。
• Pragma(cache模式)
  禁止浏览器从本地计算机的缓存中访问页面内容。
• Refresh(刷新)
  自动刷新并指向新页面。
• content-Type(显示字符集的设定)
  设定页面使用的字符集。

6.有什么作用

X-UA-Compatible是用于IE8的属性，它告诉IE8采用何种IE版本去渲染网页。
IE=edge,chrome=1中IE=edge告诉IE使用最新的引擎渲染网页，chrome=1则可以激活Google Chrome Frame这个Google Chrome的IE插件。

7.常见的浏览器有哪些，什么内核?

Paste_Image.png

八.Chrome审查元素

今天还学习了Chrome审查元素的使用，第一次使用Chrome的审查元素功能感觉好强大。保存别人分享的一些总结，以后再来慢慢熟悉。
Chrome开发者工具不完全指南（一、基础功能篇)
Chrome开发者工具不完全指南（二、进阶篇)
Chrome开发者工具不完全指南：（三、性能篇）
Chrome开发者工具不完全指南（四、性能进阶篇）
Chrome开发者工具不完全指南（五、移动篇）
Chrome开发者工具不完全指南（六、插件篇）