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

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