1 网页及浏览器内核&Web标准
网页的组成:
主要由文字、图像和超链接等元素构成,还可以包含音频、视频以及flash。
浏览器内核:
浏览器内核分为两部分:
1 渲染引擎(layout engineer)
- 渲染引擎负责取得网页的内容、整理讯息以及计算网页的显示方式,然后会输出至显示器或者打印机。
2 Rendring Engine 和 JS 引擎。
- JS引擎则是解析JavaScript语言,指向JavaScript余元来实现网页的动态效果。
- Trident(IE内核):国内很多的双核浏览器的其中一核便是trident,美其名曰“兼容模式”代表有:IE、遨游、世界之窗、Avanti、腾讯TT、猎豹安全、360急速浏览器、百度浏览器。Win10发布,其Edge浏览器内核是EdgeHTML
- Gecko(Firefox):gecko(Firefox内核): Mozilla Firefox火狐浏览器采用该内核。特点是完全开源,可开发程度很高。由于打开速度慢,猪队友flash、神对手Chrome而没落
- webkit(Safari):Safari是苹果公司开发的浏览器,所用浏览器内核是著名的WebKit。谷歌浏览器以前也是用的该内核,后来已经弃用。代表:遨游浏览器、Apple Safari、Symbian、Android默认浏览器
- chromium/Bink(chrome):谷歌浏览器的新内核,WebKit的分支(拿过来加强),国内浏览器的新版本也采用该内核。
- Presto(Opera):挪威浏览器orera的前任内核,但现已投入谷歌的怀抱
Web标准:
优点:
- 让web的发展前景更广阔
- 内容能被更广泛的设备访问
- 更容易被搜索引擎搜索
- 降低网站流量费用
- 使网站更易于维护
- 提高页面浏览速度
Web标准构成:web标准不是某一个标准,而是由W3C和其他标准化组织制定的一系列标准的集合。主要包括结构(Strutcture)、表现(Presentation)和行为(Behavior)
- 结构标准:用于对网页元素进行整理和分类,主要包括XML和XHTML两个部分
- 样式标准:表现用于设置网页元素的板式、颜色、大小等外观样式、主要指的是CSS
- 行为标准:网页模型的定义及其交互的编写,主要包括DOM和ECMAScript
简而言之,结构使得内容更清晰,更有逻辑性;表现用于修饰内容的样式;行为用于内容的交互以及操作效果。
1 网页及浏览器内核&Web标准的更多相关文章
- 建站手册-网站建设: Web 标准
ylbtech-建站手册-网站建设: Web 标准 1.返回顶部 1. http://www.w3school.com.cn/site/site_standards.asp 2. 2.返回顶部 1. ...
- web标准介绍
web标准介绍 web标准: w3c:万维网联盟组织,用来制定web标准的机构(组织) web标准:制作网页遵循的规范 web标准规范的分类:结构标准.表现标准.行为标准. 结构:html.表示:cs ...
- Web标准的简单理解 不同内核浏览器的差异以及浏览器渲染简介(转)
Web标准是一系列标准的集合.这些标准大概分三方面:结构.表现和行为.结构化主要有HTML, XHTML和XML,表现主要有CSS,行为标准主要包括对象模型,如 W3C DOM.ECMAScript等 ...
- 第一天·浏览器内核及Web标准
一·浏览器及浏览器内核 1.常见的浏览器 (1)IE浏览器 IE是微软公司旗下浏览器,是目国内用户量最多的浏览器.IE诞生于1994年,当时微软为了对抗市场份额占据将近百分之九十的网景Netscape ...
- 浏览器内核 网址分解 web服务器
浏览器最核心的部分是渲染引擎(Rendering Engine),我们一般习惯称之为"浏览器内核",其负责解析网页语法(如标准通用标记语言的子集HTML.JavaScript)并渲 ...
- web标准 浏览器介绍 开发工具介绍 HTML介绍 HTML颜色介绍 规范 HTML结构详解 {前端之前端初识}
前端之前端初识 前端初识 本节目录 一 web标准 二 浏览器介绍 三 开发工具介绍 四 HTML介绍 五 HTML颜色介绍 六 规范 七 HTML结构详解 一 web标准 web准备介绍: 1. ...
- HTML5, CSS3, ES5新的web标准和浏览器支持一览 转
本文整理了一些最重要(或者说人气比较高罢)的新标准,虽然它们多数还只是w3c的草案,离Recommendation级别还早,却已经成为新一轮浏览器大战中备受追捧的明星,开发者社区里也涌现出大量相关的d ...
- WEB标准:标准定义、好处、名词解释、常用术语、命名习惯、浏览器兼容、代码书写规范
1. WEB标准是什么? “WEB标准”是一系列标准的总称.一般的误区经常把WEB标准说成DIV+CSS.准确的说法应该是:采用W3C推荐的WEB标准中的XHTML1.1结合CSS2.0 样式表制作页 ...
- 使用 Chrome 浏览器插件 Web Scraper 10分钟轻松实现网页数据的爬取
web scraper 下载:Web-Scraper_v0.2.0.10 使用 Chrome 浏览器插件 Web Scraper 可以轻松实现网页数据的爬取,不写代码,鼠标操作,点哪爬哪,还不用考虑爬 ...
随机推荐
- Python socket day1
客户端和服务端通过ip地址确认互相身份.(ip:用来在网络中标记一台电脑) 如果A,B两个人IP地址相同,接受到的信息有时候A收到,有时候B收到 当你用QQ时,双击选中头像其实就是选中了对方的IP地址 ...
- ubuntu的apt
1. apt edit-sources #编辑apt的源列表( 或者直接写这个命令:vim /etc/apt/sources.list ) 2. apt list #列出包含条件的包(已安装,可 ...
- Codeforces Round #597 (Div. 2)D(最小生成树)
/*每个点自己建立一座发电站相当于向超级源点连一条长度为c[i]的边,连电线即为(k[i]+k[j])*两点间曼哈顿距离,跑最小生成树(prim适用于稠密图,kruscal适用于稀疏图)*/ #def ...
- Redis的安装和启动(一)
一.Redis的安装 获取redis的安装包 ①如果能上网,选择以下命令:wget http://download.redis.io/releases/redis-3.2.11.tar.gz ②如果不 ...
- HTML使用链接调用本地exe文件
一,win+r打开注册表,输入regedit进入注册表 二,在注册表左边最上面HKEY_CLASSES_ROOT那个树右键新建项.该项的名称自己命名,其实该名称也是协议的名称. 我们调用的时候就是根据 ...
- make工具简介
在Linux C/C++的开发过程中,当源代码文件较少时,我们可以手动使用gcc或g++进行编译链接,但是当源代码文件较多且依赖变得复杂时,我们就需要一种简单好用的工具来帮助我们管理.于是,make应 ...
- Flask - Flask高级技巧(Advanced Flask Patterns)
传送门 来自作者的PPT https://speakerdeck.com/mitsuhiko/advanced-flask-patterns?slide=46
- laravel 邮箱认证
修改 User 模型,将 Laravel 自带的邮箱认证功能集成到我们的程序中 <?php namespace App\Models; use Illuminate\Notifications\ ...
- UIResponder的API
@property(nonatomic, readonly) UIResponder *nextResponder; 返回响应者链中的下一个响应者,或者nil如果没有下一个响应者. @property ...
- pacman 包管理器相关设定
pacman 包管理器相关设定 使用国内源 sudo pacman-mirrors -i -c China -m rank 设定 archlinuxcn 源 编辑/etc/pacman.conf,末尾 ...