前端入门一之网页与浏览器

116 阅读2分钟
原文链接: segmentfault.com

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文件