浏览器内核

下各常用浏览器所使用的内核。 1、IE浏览器内核：Trident内核，也是俗称的IE内核； 2、Chrome浏览器内核：统称为Chromium内核或Chrome内核，以前是Webkit内核，现在是Blink内核； 3、Firefox浏览器内核：Gecko内核，俗称Firefox内核； 4、Safari浏览器内核：Webkit内核； 5、Opera浏览器内核：最初是自己的Presto内核，后来是Webkit，现在是Blink内核； 来源： https://www.cnblogs.com/fdsfd488/p/12256075.html

目录 一、基础知识 1.浏览器内核 2.Web标准 二、HTML（上） 1.语法规范 2.基本结构标签 3.开发工具 4.HTML常用标签 5.注释和特殊字符 三、HTML（下） 1. 表格标签--展示数据 2.列表标签--整理布局 3.表单标签--收集用户信息 一、基础知识 1.浏览器内核 浏览器内核（渲染引擎）：负责读取网页内容，整理讯息，计算网页的显示方式并显示页面。 浏览器 内核 备注 IE Trident IE、猎豹安全、360极速、百度 firefox Gecko 火狐 Safari Webkit apple浏览器 chrome/Opera Blink 谷歌、欧朋，Blink为Webkit分支 国内 Webkit/Blink 360、UC、QQ、搜狗等 2.Web标准 由W3C组织和其他标准化组织制定的一系列标准的集合。W3C（万维网联盟）是国际最著名的标准化组织。 a).浏览器不同，显示页面或排版有差异； b).好处：广泛的设备访问；广阔web发展前景；易被搜索引擎搜索；降低网站流量费；易于维护；提高浏览速度； Web标准的构成 a). 主要包括结构（Structure）、表现（Presentation）和行为（Behavior）三个方面 标准 说明 结构 用于对网页元素进行整理和分类，现阶段主要为html 表现 用于设置网页元素的板式、颜色、大小等外观样式

常见浏览器内核介绍 浏览器是网页运行的平台，常用的浏览器有IE、火狐（Firefox）、谷歌（Chrome）、Safari和Opera等。我们平时称为五大浏览器。 浏览器内核（理解） 浏览器内核又可以分成两部分：渲染引擎(layout engineer 或者 Rendering Engine)和 JS 引擎。 渲染引擎 它负责取得网页的内容（HTML、XML、图像等等）、整理讯息（例如加入 CSS 等），以及计算网页的显示方式，然后会输出至显示器或打印机。浏览器的内核的不同对于网页的语法解释会有不同，所以渲染的效果也不相同。 JS 引擎 则是解析 Javascript 语言，执行 javascript语言来实现网页的动态效果。最开始渲染引擎和 JS 引擎并没有区分的很明确，后来 JS 引擎越来越独立，内核就倾向于只指渲染引擎。有一个网页标准计划小组制作了一个 ACID 来测试引擎的兼容性和性能。内核的种类很多，如加上没什么人使用的非商业的免费内核，可能会有10多种，但是常见的浏览器内核可以分这四种：Trident、Gecko、Blink、Webkit。 （1）Trident(IE内核) 国内很多的双核浏览器的其中一核便是 Trident，美其名曰 “兼容模式”。代表： IE、傲游、世界之窗浏览器、Avant、腾讯TT、猎豹安全浏览器、360极速浏览器、百度浏览器等。Window10

1、浏览器内核: 主流浏览器内核介绍（前端开发值得了解的浏览器内核历史） 浏览器内核历史介绍： 在android 4.4之前，浏览器用的还是webkit 在android 4.4之后，google就抛弃了webkit，只是保留了webkit中关于排版渲染方面的代码，同时还把Browser应用给去掉了引擎方面已经换成了一个叫​C​h​ro​m​i​u​m​的内核。 Blink 其实是 WebKit 的分支，如同 WebKit 是 KHTML 的分支 Trident(IE内核) Gecko(Firefox 内核) WebKit 前身是 KDE 小组的 KHTML 引擎，可以说 WebKit 是 KHTML 的一个开源的分支。当年苹果在比较了 Gecko 和 KHTML 后，选择了后者来做引擎开发，是因为 KHTML 拥有清晰的源码结构和极快的渲染速度。 2、腾讯x5浏览器内核: X5是腾讯QQ浏览器产品部推出的，面向第三方开放X5内核引擎的产品服务。从目前来看，微信、手Q、空间和QQ浏览器都已经内置了X5内核，基本上所有的手机用户手机里都有QQ浏览器X5内核了。所以第三方只要通过很小的sdk就可以调用到这些app里面的X5。 TBS(腾讯浏览服务) 官方接入文档 运行条件： 1) 手机ROM版本高于或等于 2.2版本 2) 手机 RAM大于500M ，该RAM值通过手机 /proc

浏览器内核（Rendering Engine）分类 1、Trident内核 Trident内核 代表性的浏览器是 IE浏览器 ，同时使用的浏览器还有百度浏览器、360极速浏览器、猎豹安全浏览器。 2、Gecko内核 Gecko内核 代表性的浏览器是 火狐浏览器（FireFox） ，这几年已经逐渐没落，打开速度慢，升级频繁，拥有着神一样的对手（chrome）、猪一样的队友（flash）。 3、Webkit内核 Webkit内核 代表性的浏览器是 safari浏览器 ，经常有人把webkit内核当成chrome内核，而事实并不是这样。 4、Blink内核（chromium） Blink内核 代表性的浏览器是 谷歌浏览器（chrome） ，Blink其实是Webkit的分支，国内很多的浏览器大都是采用Webkit内核进行二次开发，而且Opera浏览器也使用Blink内核。 而移动端的浏览器内核主要说的是系统内置浏览器的内核。 Android手机而言，使用率最高的就是Webkit内核，大部分国产浏览器宣称的自己的内核，基本上也是属于webkit二次开发。 iOS以及WP7平台上，由于系统原因，系统大部分自带浏览器内核，一般是Safari或者Trident内核。 来源： CSDN 作者： 就是有点怕怕 链接： https://blog.csdn.net/weixin_42371354

前端浏览器兼容问题 常见的浏览器内核可以分四种：Trident、Gecko、Blink、Webkit IE浏览器：Trident内核，也称为IE内核 Chrome浏览器：Webkit内核，现在是Blink内核 Firefox浏览器：Gecko内核，俗称Firefox内核 Safari浏览器：Webkit内核 Opera浏览器：最初是自己的Presto内核，后来加入谷歌大军，从Webkit又到了Blink内核； 360浏览器：IE+Chrome双内核 猎豹浏览器：IE+Chrome双内核 百度浏览器：IE内核 QQ浏览器：Trident（兼容模式）+Webkit（高速模式） 常见的兼容性问题： 不同浏览器的标签默认的外补丁（margin）和内补丁（padding）不同 解决方案：css里增加通配符*{margin：0；padding：0} IE6双边距问题；在IE6中设置了float，同时又设置margin，就会出现边距问题 解决方案 :设置display：inline； 当标签的高度设置小于10px，在IE6、IE7中会超出自己设置的高度 解决方案 :超出高度的标签设置overflow：hidden，或者设置line-height的值小于你的设置高度 图片默认有间距 解决方案 ：使用float为img布局 IE9以下浏览器不能使用opacity 解决方案 ：opacity：0.5

众所周知 mozilla 只提供C/C++版本的gecko内核 嗯 人家mozilla 就是这么着说的就是没有.net的 人家也没有义务要提供 废话说道这 其实Gecko与Webkit、Trident最为世界上使用最多的三大浏览器内核来说 在最近的一个项目（WPF项目）中经过比较决定使用gecko的内核 说说我选择使用gecko内核的优势： 其一 gecko内核开发的浏览器 例如FireFox为代表的mozilla 公司的浏览器 是速度相当快速的 其二 gecko内核的浏览器有相当庞大的家族 其插件众多 通过XPCOM可以方便的装插件 通过XUL可以方便的开发各种界面各种插件 其三 gecko毕竟是跨平台的内核 在Linux操作系统中 甚至手机的一些操作系统中都有很多的应用 其四 基于个人的个性 很像尝试以前没有尝试过的新鲜的东西 所以把微软的Trident给放弃了 其五 由于webkit的资料相当少 google浏览器的功能并没有表现出这个内核能很好的符合我们的需求 微软的mshtml资料倒是很多 但是一想微软的WebBrowser控件封装的相当简陋 自己封装还不如封装一下Gecko好呢 其实还有很多原因让我选了了Gecko 好了 又废话一通 现在开始介绍GeckoFX这个对Gecko内核封装的开源项目 其实单纯的Gecko只是一个Layout（布局？渲染）引擎

　　 浏览器的渲染进程（是Browser进程，浏览器插件进程，GPU进程，渲染进程中的一种进程）包含的一些主要常驻线程： GUI渲染线程 负责渲染浏览器界面，解析HTML，CSS，构建DOM树和RenderObject树，布局和绘制等。 当界面需要重绘（Repaint）或由于某种操作引发回流(reflow)时，该线程就会执行 注意， GUI渲染线程与JS引擎线程是互斥的 ，当JS引擎执行时GUI线程会被挂起（相当于被冻结了），GUI更新会被保存在一个队列中 等到JS引擎空闲时 立即被执行。 JS引擎线程 也称为JS内核，负责处理Javascript脚本程序。（例如V8引擎） JS引擎线程负责解析Javascript脚本，运行代码。 JS引擎一直等待着任务队列中任务的到来，然后加以处理，一个Tab页（renderer进程）中无论什么时候都只有一个JS线程在运行JS程序 同样注意， GUI渲染线程与JS引擎线程是互斥的 ，所以如果JS执行的时间过长，这样就会造成页面的渲染不连贯，导致页面渲染加载阻塞。 事件触发线程 归属于浏览器而不是JS引擎，用来控制事件循环（可以理解，JS引擎自己都忙不过来，需要浏览器另开线程协助） 当JS引擎执行代码块如setTimeOut时（也可来自浏览器内核的其他线程,如鼠标点击、AJAX异步请求等），会将对应任务添加到事件线程中

浏览器存储 特点 cookie localStorage sessionStorage indexDb 生命周期 可过期 除非清理，否则一直存在 页面关闭就清理 除非清理，否则一直存在 存储大小 4K 5M 5M ∞ 与服务端通信 请求携带在 header 头部 no no no 浏览器内核 浏览器最重要或者说核心的部分是“Rendering Engine”，可大概译为“渲染引擎”，不过我们一般习惯将之称为“浏览器内核”。 通常所谓的浏览器内核也就是浏览器所采用的渲染引擎 浏览器内核主要包括三个分支技术： 排版渲染引擎 、 JavaScript引擎 ， 以及其他 。 Trident IE 内核 其中 IE8 的 JavaScript 引擎是 JScript 引擎, IE9 开始使用 Chakra Gecko FF 内核 JavaScript 引擎使用 Spider Monkey 第一款 JavaScript 引擎 Webkit Safari 内核 Chrome 内核原型 Android 默认浏览器使用 Webkit 内核 Blink Chrome 最新的内核(Safari 目前也使用的内核) 而谷歌方面，则使用了自己研发的 V8 引擎 内核 是否开源 插件支持 应用浏览器 支持操作系统 Trident 否，但提供接口调用 ActiveX IE Windows Gecko 是

目前网络市场的浏览器主流： 课时3：web标准 WEB标准 ·w3c 万维网联盟组织，制定web标准的机构。 ·网页主要由三部分组成： 结构（Structure）、 表现（Presentation） 行为（Behavior） ·结构化标准语言：主要是XHTML和XML，用于描述网页。 ·表现标准语言：主要是CSS，用于对网页进行美化。 行为标准：主要包括对象模型（如W3C DOM）、ECMAScript等，JS让网页富有生命力，动态。 来源： CSDN 作者： 黑白两客 链接： https://blog.csdn.net/weixin_44694682/article/details/104010683