1、浏览器内核由两部分组成：渲染引擎和JavaScript引擎
渲染引擎：负责获取网页（HTML、XML、图形等）、整理信息（CSS）以及计算网页显示方式
JavaScript引擎：负责解析和执行JavaScript代码来实现网页的动态效果。（由于JavaScript引擎越来越独立，内核倾向于指渲染引擎）
2、一般常见浏览器内核
Trident（IE内核）：包括有IE浏览器、360安全浏览器、猎豹安全浏览器、遨游浏览器、百度浏览器、世界之窗浏览器、2345浏览器、搜狗高速浏览器等（其中部分浏览器是双核甚至多核）；
Gecko（Firefox内核）：Netscape6及以上版本、Mozilla Firefox、Mozilla SeaMonkey 等，其特点是代码完全公开；
Presto（Opera前内核，已废弃）：Opera12.17及更早版本采用的内核，目前采用Google Chrome 的Blink内核；
Webkit：（Safari内核、Chrome内核原型、开源）：Chrome、Apple Safari（Windows、Mac、iPhone、iPad）、Android默认浏览器等。
说明：Blink内核是由Google 和 Opera Software 开发的浏览器排版引擎，作为Webkit的分支
3、HTML5文档结构：
<!DOCTYPE html><!-- ???文档声明： ???1、HTML4.01文档声明如下：<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN""http://www.w3.org/TR/html4/strict.dtd"> ???2、HTML5文档声明如下：<!DOCTYPE html> ???注意：页面中必须要有文档声明，而且必须在文档页面的第一行--><html> ???<head> ???????<!-- ???????????????????????1、用于定义页面的相关信息，为非成对标记；位于head之间 ???????????2、可以描述页面的作者、摘要、关键词、版权、自动刷新等页面信息 ???????????????????????说明： ???????????????1、设置编码集:<meta charset="UTF-8"> 常见的编码集包括有GB2312、GBK、UTF-8等 ???????????????2、http-equiv属性：将信息写给浏览器看、让浏览器按照这里面的要求执行，可选属性有Content-Type(文档类型)、 ???????????refresh(网页定时刷新)、set-cookie(设置浏览器cookie缓存)，需要配合content使用；http-equiv属性表面需要设置 ???????????那一部分，具体需要设置的内容存在在content属性中。例如： ???????????????<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> ???????????????3、name属性：将信息写给搜索引擎看 ???????????????<meta name="author" content="http://www.jredu100.com"> ???????????????????????????--> ???????<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> ???????<meta name="author" content="http://www.jredu100.com"> ???????<!--网页关键字：多个关键字之间用英文的逗号分隔--> ???????<meta name="keywords" content="HTML5、网页、Web前端开发"> ???????<!--网页描述：搜索网站时，title下面的解释文字--> ???????<meta name="description" content="这是我开发的第一个网页"> ???????????<!--用于定义页面标题，是成对标记；位于head之间--> ???????<title>我的第一个网站</title> ?????????<!-- ???????????使用link标签可以加载一个图片作为网页图标 ???????????rel：声明被链接文件与当前文件的关系，此处选用icon ???????????type：声明被链接文件的类型，可以省略 ???????????href：图片的路径地址 ???????????????????--> ???????<link rel="icon" type="image/x-icon" href="img/icon.jpg"/> ???</head> ???<!--<body></body>包含所有文档的内容、如文字、图像、表格、表单等元素--> ???<body> ???????<!--使用语义化标记进行网页设计，基本语法如下--> ???????<header>网站主题</header> ???????<nav>链接菜单</nav> ???????<article> ???????????主内容 ???????????<section> ???????????????章节段落 ???????????</section> ???????</article> ???????<aside>侧边栏</aside> ???????<footer>页脚</footer> ???</body></html>
网页编程技术一（浏览器内核介绍）
原文地址：https://www.cnblogs.com/zkai-007/p/9886368.html