乱码
-
问题
乱码是由于编辑器的编码格式和浏览器的解码格式不一致造成的 -
解决
编/解码格式保持一致
编辑时保存为utf-8，在html的<head>里添加<meta charset="utf-8">
编辑时保存为gbk，在html的<head>里添加<meta charset="gbk"> -
tips
UTF-8是便于英文储存的编码格式，GBK是便于中文储存的编码格式。
由于英文的适用范围更广，所以一般用UTF-8格式来编辑
出现乱码一定是非英文字符，所有格式对英文的编码方式是一致的
颜色
-
十六进制
以0、1、2、3、4、5、6、7、8、9、A、B、 C、D、E、F共16位组成。其格式为#红红绿绿蓝蓝
每组颜色两位数值一致时，可缩写为一位，如#红绿蓝
0-9 和 A-F依次表示颜色的强度 -
RGBA
rgba(red, green, blue, alph)
alpha 参数是介于 0.0（完全透明）与 1.0（完全不透明）的数字。
每个参数 (red、green 以及 blue) 定义颜色的强度，可以是介于 0 与 255 之间的整数，或者是百分比值（从 0% 到 100%）。 -
RGB
rgb(red, green, blue)
每个参数 (red、green 以及 blue) 定义颜色的强度，可以是介于 0 与 255 之间的整数，或者是百分比值（从 0% 到 100%）。 -
英文
| 颜色 | 十六进制 | RGB | 英文 |
|---|---|---|---|
| 红 | #ff0000 | rgb(255,0,0) | red |
| 绿 | #00ff00 | rgb(0,255,0) | green |
| 蓝 | #0000ff | rgb(0,0,255) | blue |
| 白 | #000000 | rgb(255,255,255) | white |
| 黑 | #ffffff | rgb(0,0,0) | black |
| 透明黑 | rgba(0,0,0,0.5) |
灰色 #ccc ， 浅灰色#eee ， 深灰色 #333
表示颜色由白到黑的一个过渡
<!doctype html>
作用：声明文档的解析类型(document.compatMode)，避免浏览器的怪异模式。
document.compatMode：
BackCompat：怪异模式，浏览器使用自己的怪异模式解析渲染页面。
CSS1Compat：标准模式，浏览器使用W3C的标准解析渲染页面。
如果你的页面没有DOCTYPE的声明，那么compatMode默认就是BackCompat
浏览器按照自己的方式解析渲染页面，那么，在不同的浏览器就会显示不同的样式。
** 如果你的页面添加了<!DOCTYPE html>**那么，那么就等同于开启了标准模式
那么浏览器就得老老实实的按照W3C的标准解析渲染页面，这样一来，你的页面在所有的浏览器里显示的就都是一个样子了。
严格模式和混杂模式
-
问题产生
早期浏览器开发商均未遵循W3C标准。为了保证自己的网站在不同的浏览器中都能正确展现，网页开发者不得不依据各个浏览器的自身的规范来使用CSS。因此大部分网站的CSS实现并未符合W3C的标准。
然而随着标准一致性变得越来越重要，浏览器开发商不得不逐渐遵循W3C标准。但是浏览器突然以正确的方式解析现存的CSS，陈旧的网站显示必然受到影响。
因此立即遵循标准会产生问题，然而忽略标准则又会产生混乱。 -
解决方案
既要遵循W3C标准，又要允许使用旧式规则显示陈旧的网站。所以，浏览器需要提供两种模式：严格模式服务于标准规则，怪异模式（即兼容模式）服务于旧式规则。
【选择使用哪种模式需要一个触发器，而 “DOCTYP切换” 则用于此目的。】依照标准，任何一个(X)HTML文档必须拥有一个DOCTYPE用来告诉浏览器使用哪种DTD,一般放在(X)HTML文档开头声明
注：DTD（文档类型定义）机读规则，指示(X)HTML文档中允许有什么，不允许有什么
1：非标准网页并没有DOCTYPE声明。因此'没有DOCTYPE'意味着触发怪异模式：既依据旧式的CSS规则渲染网页。
2：大部分的DOCTYPE声明将触发严格模式：即依据标准的CSS规则渲染网页。
3：任何新的或未知的DOCTYPE将触发严格模式。
4：一些页面依据怪异模式而写，但是却包含DOCTYPE。这种情况下各个浏览器依据自己的DOCTYPE规则列表来触发怪异模式，参照这个浏览器比较图表 。
meta
-
定义
META标签是HTML语言HEAD区的一个辅助性标签，它位于HTML文档头部的标记和 标题 之间，它提供用户不可见的信息。 -
作用
1.为搜索引擎robots定义页面主题；
2.定义用户浏览器上的cookie；
3.用于鉴别作者，设定页面格式，标注内容提要和关键字；
4.设置页面使其可以根据你定义的时间间隔刷新自己；
5.设置RASC内容等级，等等。 -
常见值
HTTP标题信息(HTTP-EQUIV)
1.Content-Type和Content-Language (显示字符集的设定)
2.Refresh (刷新)
3.Expires (期限)......
页面描述信息(NAME)
1.Keywords (关键字)
2.Description (简介)
3.Robots (机器人向导)......
原文在这 -
栗子
<meta http-equiv="X-UA-compatible"content="IE=edge,chrome=1">
告诉浏览器的渲染方式：以最新以chrome内核或者最高版本IE内核对页面进行渲染 -
X-UA-Compatible 是 IE8 追加的一个设置(所以，IE8 以下是不支持的)。
-
IE=edge，告诉 IE 使用最新引擎来渲染页面；
-
chrome=1 则表示可以激活 Chrome Frame。
常见浏览器
| 浏览器 | 内核 | 特点 |
|---|---|---|
| ie | Trident内核 | 国内部分版本为双核：Trident“兼容浏览模式”；一个其他内核 |
| chrome | webkit内核 | 苹果公司自己的内核，也是苹果的Safari浏览器使用的内核 |
| firefox | Gecko内核 | 代码完全公开，可开发程度高 |
| opera | presto内核 | 渲染速度快 兼容性较差 |
| safari | webkit内核 | / |
| 360 | IE和Chrome双内核 | / |
网友评论