前端入门一之网页与浏览器
1、网页
1.1 网页的概念
网页是构成网站的最基本元素,通常有图片、视频、文字等元素。网页一般都是以.html或.htm后缀结尾的文件,即HTML文件。HTML文件可以通过浏览器阅读。
1.2 HTML概念
HTML全称HyperText Mark-up Language,即超文本标记语言。它是一种标记语言而非编程语言,通过标记符号来标记要显示的网页中的各个部分。
译名: 超文本标记语言
2、浏览器
常用浏览器
常用的浏览器有IE、火狐(Firefox)、谷歌(Chrome)、Safari和Opera等。我们平时称为五大浏览器。目前谷歌浏览器的份额最大。
2.1 浏览器内核
浏览器内核又可以分成两部分:渲染引擎(layout engineer 或者 Rendering Engine)和JS引擎。
渲染引擎:它负责取得网页的内容(HTML、XML、图像等等)、整理讯息(例如加入 CSS 等),以及计算网页的显示方式,然后会输出至显示器或打印机。浏览器的内核的不同对于网页的语法解释会有不同,所以渲染的效果也不相同。
JS引擎:则是解析Javascript语言,执行javascript语言来实现网页的动态效果。
最开始渲染引擎和 JS 引擎并没有区分的很明确,后来 JS 引擎越来越独立,内核就倾向于只指渲染引擎。有一个网页标准计划小组制作了一个 ACID 来测试引擎的兼容性和性能。内核的种类很多,如加上没什么人使用的非商业的免费内核,可能会有10多种,但是常见的浏览器内核可以分这四种:Trident、Gecko、Blink、Webkit:
- Trident:IE浏览器、360极速浏览器
- Gecko:火狐浏览器
- Webkit:Safari(苹果浏览器)
- Blink:Chrome和Opera。Blink其实是WebKit 的分支
Android手机使用Webkit内核较多,大部分国产浏览器也是基于webkit二次开发。
3、Web标准
3.1 为何需要Web标准?
浏览器的内核不同,工作原理和解析也就不同,导致显示出来的网页会有差别。
3.2 Web标准的构成
Web标准由W3C和其他标准化组织制定的一系列标准的集合。主要包括结构(Structure)、表现(Presentation)和行为(Behavior)三个方面。
标准 | 说明 | 位置 |
---|---|---|
结构 | 用于对网页元素进行整理和分类 | Html文件 |
表现 | 用于设置网页元素的版式、颜色、大小等外观样式 | CSS文件 |
行为 | 指网页模型的定义及交互的编写 | Javascript文件 |