网页编程技术一(浏览器内核介绍)
Posted zkai-007
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了网页编程技术一(浏览器内核介绍)相关的知识,希望对你有一定的参考价值。
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>
以上是关于网页编程技术一(浏览器内核介绍)的主要内容,如果未能解决你的问题,请参考以下文章