1. 常见的meta标签
- meta标签提供关于HTML文档的元数据。元数据不会显示在页面上,但是对于机器是可读的。它可用于浏览器(如何显示内容或重新加载页面),搜索引擎(关键词),或其他 web 服务。
- 必要属性
属性值描述contentsome text定义与http-equiv或name属性相关的元信息- 可选属性
属性值描述http-equivcontent-type / expire / refresh / set-cookie把content属性关联到HTTP头部。nameauthor / description / keywords / generator / revised / others把 content 属性关联到一个名称。contentsome text定义用于翻译 content 属性值的格式。
- 页面关键词
<meta name="keywords" content="your tags" />- 页面描述
<meta name="description" content="150 words" />- 页面刷新
<meta http-equiv="refresh" content="0;url=" />
2. 常见的浏览器及内核
浏览器内核可以分成两部分:渲染引擎(layout engineer 或者 Rendering Engine)和 JS 引擎。最开始渲染引擎和 JS 引擎并没有区分的很明确,后来 JS 引擎越来越独立,内核就倾向于只指渲染引擎。所以现在讲浏览器内核主要说的就是渲染引擎。
- Trident内核
IE6、IE7、IE8(Trident 4.0)、IE9(Trident 5.0)、IE10(Trident 6.0)
猎豹安全浏览器
360安全浏览器
360极速浏览器
搜狗高速浏览器- Gecko内核
Gecko的特点是代码完全公开,因此,其可开发程度很高,全世界的程序员都可以为其编写代码,增加功能。因为这是个开源内核,因此受到许多人的青睐。- Webkit内核
苹果的Safari浏览器使用的内核- Chromium/Bink内核
谷歌公司发布了 chrome 浏览器,浏览器使用的内核被命名为 chromium。
3. 浏览器乱码
- 乱码产生的原因是保存的编码格式和浏览器解析时的解码格式不匹配导致的,由于编码的不同,导致浏览器解析出来的是乱码。
- 解决办法:开打工具-编码。查看到我们使用的是utf-8的编码,utf-8编码是一种国际编码,把编码改成GBK,或者GB18030,或者在IE浏览器上的GB2312,这些编码都适用于汉字处理、汉字通信等系统之间的信息交换。
4. 有关文档声明
- 文档声明的作用:
- 对文档进行有效性验证。
它告诉用户代理和校验器这个文档是按照什么DTD 写的。这个动作是被动的,每次页面加载时,浏览器并不会下载DTD 并检查合法性,只有当手动校验页面时才启用。- 决定浏览器的呈现模式
对于实际操作,通知浏览器读取文档时用哪种解析算法。如果没有写,则浏览器则根据自身的规则对代码进行解析,可能会严重影响html 排版布局。
- 严格模式与混杂模式
- 在标准模式中,浏览器以其支持的最高标准呈现页面,;
- 在混杂模式中,页面以一种比较宽松的向后兼容的方式显示。混杂模式通常模拟老式浏览器的行为以防止老站点无法工作。
- <!doctype html> 的作用
避免浏览器的怪异模式:如果你的页面没有DOCTYPE的声明,那么compatMode默认就是BackCompat,浏览器按照自己的方式解析渲染页面,那么,在不同的浏览器就会显示不同的样式。如果你的页面添加了<!DOCTYPE html>那么,那么就等同于开启了标准模式, 那么浏览器就得老老实实的按照W3C的标准解析渲染页面,这样一来,你的页面在所有的浏览器里显示的就都是一个样子了