web标准的制定者是 前端HTML入门课程01网页与浏览器与Web标准

1. 了解网页

我们日常所见的网页主要由文字、图片、超链接等元素构成,当然除了这些元素之外,网页还可以包含音频、视频、Flash等。

代码怎么形成网页呢?那需要浏览器引擎去解析和渲染。

图片[1]-web标准的制定者是 前端HTML入门课程01网页与浏览器与Web标准-唐朝资源网

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%,依然保持着良好的增长趋势。

图片[2]-web标准的制定者是 前端HTML入门课程01网页与浏览器与Web标准-唐朝资源网

此外,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.三叉戟

图片[3]-web标准的制定者是 前端HTML入门课程01网页与浏览器与Web标准-唐朝资源网

国内不少双核浏览器的核心之一就是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了)。

图片[4]-web标准的制定者是 前端HTML入门课程01网页与浏览器与Web标准-唐朝资源网

代表浏览器: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 标准(重点)

通过了解以上几种浏览器内核的区别,我们知道他们的工作原理和解析肯定是不一样的,显示也会不一样。

图片[5]-web标准的制定者是 前端HTML入门课程01网页与浏览器与Web标准-唐朝资源网

由于不同的浏览器可能产生不一致的解析结果,因此在开发时通常需要对同一个界面开发多个版本。

3.1 Web 标准的好处

1.拓宽Web的发展前景

2. 内容可以通过更广泛的设备访问

图片[6]-web标准的制定者是 前端HTML入门课程01网页与浏览器与Web标准-唐朝资源网

3. 更容易被搜索引擎找到

4.降低网站流量成本

5. 使网站更易于维护

6.提高页面浏览速度

3.2 Web 标准

Web标准并不是单一的标准,而是由W3C等标准化组织制定的标准的集合,主要包括结​​构、表现、行为三个方面。

理想情况下,我们的源代码由三部分组成:.HTML文件(定义结构).css文件(定义样式).js文件(定义行为)

这样代码结构清晰,易于维护

例如:

图片[7]-web标准的制定者是 前端HTML入门课程01网页与浏览器与Web标准-唐朝资源网

© 版权声明
THE END
喜欢就支持一下吧
点赞66赞赏 分享
评论 抢沙发
头像
欢迎您留下宝贵的见解!
提交
头像

昵称

取消
昵称表情代码图片

    暂无评论内容