认识web
1、认识网页
网页主要由文字、图像和超链接等元素组成,当然,除了这些元素,网页中还可以包含音频、视频以及Flash等。
网页是如何形成的呢?
代码----->浏览器的渲染------>用户看到的界面
2.浏览器(显示代码)
浏览器是网页显示、运行的平台,常用的浏览器有IE、火狐(Firefox)、谷歌(Chorme)、Safari和Opera等,我们平时称为5大浏览器
查看浏览器占的市场份额:https://tongji.baidu.com/research/site
由图可知谷歌浏览器所占的份额最大,说明是最火的。
常见的浏览器内核
浏览器内核是什么?
浏览器英文叫做:RenderingEngline (中文翻译:排版引擎、解释引擎、渲染引擎)
主要负责读取网页内容,整理讯息,计算网页的显示方式并显示页面
浏览器 | 内核 | 备注 |
IE | Trident | IE、猎豹安全、360极速浏览器、百度浏览器 |
Firefox | Gecko | 打开速度慢、升级频繁 |
Safari | webkit | |
Chorme | Chormium/Blink | 在chormium项目中研发Blink渲染引擎(即浏览器的核心),内置于Chrome浏览器之中,blink其实是webkit的分支,大部分国产浏览器最新版都采用Blink内核,二次开发 |
Opera | blink | 跟随chrome用blink内核 |
拓展:
移动端的浏览器内核主要说的是系统内置浏览器的内核。
Android手机而言,使用率最高的就是webkit内核,大部分国产浏览器宣称的自己内核,基本也是属于webkit二次开发
ios以及wp7平台上,由于系统的原因,系统大部分自带浏览器内核,一般是Safari或者IE内核Trident
WEB标准
web标准不是某一个标准,而是由W3C组织和其他标准化组织的一系列的标准集合。
W3C万维网联盟是国际最著名的标准化组织。1994年成立后,至今已发布近百项相关万维网的标准,对万维网发展做出了杰出的贡献。
W3C类似于现实世界的联合国
为何要遵循WEB标准呢?
通过以上浏览器的不同内核不同,我们知道他们显示的页面或者排版就有一些差异
由于不同浏览器解析出来的效果可能不一致,开发者常常需要为多版本的开发而艰苦的工作
通过web标准能展示统一的内容
能说出网页中web标准三层组成?
结构、表现、行为
web标准的好处
遵循web标准可以让不同我们写的页面更标准更统一外,还有许多优点
1、让web的发展前景更广阔
2、内容能被更广泛的设备访问
3、更容易被搜索引擎搜索
4、降低网站的流量费用
5、让网站更易于维护
6、提高页面浏览速度
web标准的构成
构成:结构(Structure)、表现(Presention)、行为(Behavior)
标准 | 说明 |
结构(Structure) | 结构用于对网页元素进行整理和分类,主要指的是Html |
表现(Presention) | 表现用于设置网页元素的版式,颜色、大小等外观样式,主要指css |
行为(Behavior) | 行为是指网页模型的定义以及交互的编写,主要指的是js |
结构类似于人的身体;表现类似于人的着装;行为类似于人的动作
理想情况下,它们三层都是独立的,放在不同的文件