1. 了解网页
我们日常所见的网页主要由文字、图片、超链接等元素构成,当然除了这些元素之外,网页还可以包含音频、视频、Flash等。
2.常见浏览器介绍
浏览器是网页运行的平台,常用的浏览器有:
2.1 浏览器市场份额
根据市场研究公司Statcounter发布的最新数据,2023年11月全球桌面浏览器市场份额前三的分别是谷歌Chrome(62.06%)、苹果Safari(13.3%)、Edge浏览器(5.5%)。Edge浏览器虽然在全球都有分布,但其份额依然无法超过Safari浏览器。与上月相比,Chrome的份额下降了0.25个百分点,Safari的份额上升了0.07个百分点。Firefox当月全球份额达到3.24%,较上月上升了0.22个百分点。
桌面浏览器市场,Chrome以62.06%的市场份额继续位居第一,略有下滑,属于正常波动。Safari以13.3%的份额紧随其后,在全球范围内享有较高人气。Edge的市场份额从上月的11.8%下降至11.23%,依然保持着良好的增长趋势。
此外,Firefox的全球份额也增长至6.69%,相比其他浏览器表现强劲,Opera、360安全浏览器、IE等其他浏览器在全球也占有一定市场份额。
总体来看,Chrome 继续保持桌面浏览器市场的领先地位,而 Safari 和 Edge 在市场上竞争激烈,预计未来几个月这些产品仍将保持稳定的增长势头web标准的制定者是,并将继续影响用户习惯和技术趋势。
2.2 浏览器内核(理解)
浏览器内核可以分为两部分:【渲染引擎】(布局工程师或Rendering Engine)和【JS引擎】。
2.3 常见的渲染引擎
内核通常仅指渲染引擎:
一开始渲染引擎和 JS 引擎并没有明确的区分,后来【JS 引擎越来越独立,内核也趋向于单指渲染引擎】web标准的制定者是,一个 Web 标准项目组创建了一个 ACID,用来测试引擎的兼容性和性能。内核有很多种,如果加上很少人用的非商业免费内核,可能不止十余种,但常见的浏览器内核大致可以分为四种:Trident、Gecko、Blink、Webkit。
(1)Trident(IE内核)
三叉戟 [ˈtraɪdn:t]:n.三叉戟
国内不少双核浏览器的核心之一就是Trident,美其名曰“兼容模式”。
代表人物:IE、傲游、世界浏览器、Avant、腾讯TT、猎豹安全浏览器、360极速浏览器、百度浏览器等(这些国产浏览器都是双核的)。
在Windows 10发布后,IE将其内置浏览器命名为Edge,Edge最引人注目的特性就是新内核EdgeHTML。
(2)Gecko(火狐浏览器)
壁虎 [ˈgekoʊ] n.壁虎
Gecko(Firefox 内核):Mozilla FireFox(火狐浏览器)就是用这个(渲染引擎)。Gecko 的特点是代码完全开放,因此可开发性极高,全世界的程序员都可以为它编写代码、添加功能。可惜近几年它没落了,比如打开速度慢、升级频繁、有猪一样的队友 Flash、有神一样的对手 Chrome。
(3)WebKit(Safari)
Safari是苹果公司开发的一款浏览器,所采用的浏览器内核(渲染引擎)的名字就是著名的开源引擎WebKit。
现在很多人错误地把webkit称为chrome内核(尽管chrome内核已经是blink了)。
代表浏览器:Maxthon 3、苹果Safari(Win/Mac/iPhone/iPad)、Symbian手机浏览器,Android4.4之前默认浏览器
(4)铬/Bink(铬)
Blink [biŋk] n.架子;长凳
Blink 渲染引擎是在 Chromium 项目中开发的,并内置于 Chrome 浏览器中。Blink 其实是 WebKit 的一个分支,也是开源的。(大名鼎鼎的 V8 就是 Chrome 的 JS 引擎)
国内大部分浏览器的最新版本均采用Blink内核。
(5) 急板(歌剧)
Presto ['prɛsto] adj.快速
Presto 是挪威浏览器 Opera 的“前辈”内核(渲染引擎)。为什么叫“前辈”呢?因为最新的 Opera 浏览器早已抛弃它,转而投奔 Google。
稍微了解一下:
移动端上的浏览器内核主要是指系统内置浏览器的内核。
目前移动设备浏览器上常用的内核有Webkit、Blink、Trident、Gecko等,其中iPhone、iPad等苹果iOS平台主要采用WebKit;Android 4.4之前的安卓系统浏览器内核为WebKit,Android4.4系统浏览器切换为Chromium,内核为Webkit的一个分支Blink;Windows Phone 8系统浏览器内核为Trident。
3. Web 标准(重点)
通过了解以上几种浏览器内核的区别,我们知道他们的工作原理和解析肯定是不一样的,显示也会不一样。
由于不同的浏览器可能产生不一致的解析结果,因此在开发时通常需要对同一个界面开发多个版本。
3.1 Web 标准的好处
1.拓宽Web的发展前景
2. 内容可以通过更广泛的设备访问
3. 更容易被搜索引擎找到
4.降低网站流量成本
5. 使网站更易于维护
6.提高页面浏览速度
3.2 Web 标准
Web标准并不是单一的标准,而是由W3C等标准化组织制定的标准的集合,主要包括结构、表现、行为三个方面。
理想情况下,我们的源代码由三部分组成:.HTML文件(定义结构).css文件(定义样式).js文件(定义行为)
这样代码结构清晰,易于维护
例如:
暂无评论内容