浏览器介绍
1.认识网页
网页主要由文字、图像和超链接等元素构成。除了这些元素,网页还可以包含音频、视频以及Flash等
网页是如何形成的? 代码->浏览器渲染->页面
2.常见浏览器介绍
2.1 常见浏览器
常见浏览器:IE(Edge)、火狐(Firefox)、Chrome、Safari、Opera
2.2 浏览器内核
浏览器内核可以分为两部分:渲染引擎(layout engineer 或者 rendering engine)和JS引擎。 渲染引擎:负责取得网页的内容(HTML、XML、图像等)、整理讯息(例如加入 CSS 等),以及计算网页的显示方式,然后会输出至显示器或打印机 JS引擎:解析JavaScript语言,执行JavaScript语言来实现网页的动态效果
(1)Trident(IE内核)
国内很多的双核浏览器其中一核便是Trient,美其名曰“兼容模式”。
代表:IE、傲游、世界之窗浏览器、Avant、腾讯TT、猎豹安全浏览器、360极速浏览器、百度浏览器等
Windows10发布后,IE将其内置浏览器命名为Edge,Edge最显著的特点就是新内核EdgeHTML
(2)Gecko(Firefox)
Gecko:Mozilla FireFox采用该内核,Gecko的特点是代码完全公开,因此,可开发程度很高,全世界的程序员都可以为其编写代码,增加功能。由于诸如打开速度慢、升级频繁、猪一样的队友Flash,神一样的对手Chrome等,近几年已经没落。
(3)webkit(Safari)
代表浏览器:傲游浏览器3、Apple Safari、Android默认浏览器
(4)Chromium/Blink(chrome)
大部分国产浏览器最新版都采用Blink内核
(5)Presto(Opera)
Presto是挪威浏览器Opera的前任内核,最新的Opera已投入Chromium怀中
了解一点: 移动端的浏览器内核主要说的是系统内置浏览器的内核。 目前移动设备浏览器上常用的内核有Webkit,Blink,Trient,Gecko等,其中iPhone和iPad等苹果IOS平台主要是Webkit,Android4.4之前的Android系统浏览器内核是Webkit,Android4.4系统浏览器切换到了Chromium,内核是Webkit的分支Blink,Windows Phone 8 系统浏览器内核是Trient。
3.Web标准
浏览器的内核不一样,工作原理、解析不同,显示可能会有差别。
3.1 Web标准的好处
- 让Web的发展前景更广阔
- 内容能被更广泛的设备访问
- 更容易被搜索引擎搜索
- 降低网站流量费用
- 使网站更易于维护
- 提高页面浏览速度
3.2 Web标准构成
Web标准不是某一个标准,而是由W3C和其他标准化组织制定的一系列标准的集合。主要包括结构(Structure)、表现(Presentation)和行为(Behavior)三个方面。
结构标准:结构用于对网页元素进行整理和分类,主要包括XML和XHTML两个部分。
表现标准:表现用于设置网页元素的版式、颜色、大小等外观样式,主要指的是CSS。
行为标准:行为是指网页模型的定义及交互的编写,主要包括DOM和ECMAScript两部分。
理想状态下我们的源码:html、css、js