前端 -- 基础 网页、HTML、 WEB标准 扫盲详解

什么是网页  : 

网页是构成网站的基本元素，它通常由 图片、链接、文字、声音、视频等元素组成。 

通常我们看到的网页 ，常见以 .html 或  .htm  后缀结尾的文件， 因此俗称 HTML 文件 

什么是 HTML  :

HTML 指的是 超文本标记语言，它是用来描述网页的一种语言 

HTML 不是一种编程语言，而是一种 标记语言

标记语言是一套 标记标签 

所谓超文本，有两层含义 ： 

1. 它可以加入 图片、声音、动画、多媒体等内容（ 超越了 文本的限制 ） 

2. 它还可以从一个文件跳转到另一个文件，与世界各的主机相连接（ 超级链接文本，也称超文本） 

网页是怎么形成的 ？ 

===>>>

网页是由网页元素组成的，这些元素是利用 HTML 标签描述出来，然后通过浏览器解析出来显示

给用户的。 

 ===>>>

前端人员开发代码 --->> 浏览器显示代码 （ 解析、渲染 ） --->> 生成最后 WEB 页面  

浏览器 ： 

常用浏览器 ： 

             IE 、 火狐、 谷歌、 Edge等等 

浏览器内核  ： 

       内核也称为 渲染引擎，主要负责读取网页内容，整理讯息，计算网页的显示方式并显示页面

        

        目前国内浏览器 一般都采用 Webkit/Blink 内核， 如 360、UC、QQ、搜狗等。 

    

WEB标准 ： 

Web 标准是由 W3C 组织和其它标准化组织制定的一系列标准的集合。 

W3C（ 万维网联盟 ） 是国际最著名的标准化组织。 

为什么需要 WEB 标准 ？？

浏览器不同，那他们显示页面或者排版就也会有些许差异。 

举一个最简单的例子， 比如现在我写了 一个网页的代码， 写好了，要交给浏览器进行解析渲染，

结果有的浏览器 设置的字的大小是 14 ，而有的浏览器 设置的则是 18 ； 

那这就造成了 同一份网页代码，却在不同的浏览器上显示的页面也各有不同~！！

所以，只要我写的代码符合 WEB 标准，那么在不同的浏览器解析出来的页面也会是统一的~！！

WEB标准的构成  ：

主要包括 结构、表现、行为  三个方面 

 Web 标准提出的最佳体验方案 ： 结构、 表现、 行为 相分离

 简单理解 ：  结构写到 HTML 文件中， 表现写到 CSS 文件中， 行为写到 JavaScript 文件中。 

为了更形象的理解 WEB 标准的构成 ： 

                结构就是身体（ 就是 HTML 的各种标签，网页元素，代码等 ）

                表现就是上色  (  把结构变得更美观，更漂亮 ）

                行为就是飞翔  (  可以让页面实现 交互的动画效果 ） 

                当然了， 结构自然是最重要的~！！