1 前端知识学习-初始Web和Web标准

0️⃣ 初始Web和Web标准

Web

​ Web(World Wide Web) 即全球广域网、也成为万维网、我们常说的Web端就是网页端。

网页

​ 网页是构成网站的基本元素、网页主要由文字、图像、按钮、输入框、和超链接等元素组成，当然 除了这些元素、网页中还可以包括音频、视频、以及Flash等。我们在浏览器输入网址后、打开的任何一个界面，都属于一个网页。

浏览器

​ 浏览器是网页运行的平台、常见的浏览器有谷歌（Chrome）、Safari(苹果浏览器)、火狐（firefox）、欧朋（Opera）、微软推出的有 IE、Edge、程序开发推荐使用 谷歌浏览器、不推荐使用微软浏览器、因为很多三方库（JS框架）或者CSS、JS、HTML 中的一些属性 、方法、标签，得不到支持。像国产的浏览器内大部分已经更换内Chromium 内核 (由谷歌开发)、但是还是推荐使用谷歌浏览器。

Web标准

W3C 组织 World Wide Web Consortium ，也称为 万维网联盟组织、来定制Web标准的机构。

w3c万维网联盟是国际最著名的标准化组织、1994年成立，至今已发布近百项相关万维网的标准，对万维网发展做出了杰出的贡献。

W3C 组织就类似于现实世界中的联合国。

为什么要遵循WEB标准呢？因为很多浏览器的浏览器内核不同，导致页面解析出来的效果可能会有差异，给开发者增加无谓的工作量。因此需要指定统一的标准。

Web标准

​ Web标准是制作网页网页需要遵循的规范、Web标准不是某一项指定的标准，是W3C组织和其他标准化组织制定的一系列标准的集合。

1.Web标准分为三个方面

• 结构标准（HTML）对于网页元素进行整理 和分类。

• 表现标准（CSS）对于设置网页元素的板式、颜色、大小、等外观样式。

• 行为标准（JS）对于定义网页的交互和行为。

1. 根据上面的Web标准，可以将Web前端分为三层

• HTML （HyperText Markup Language）超文本标记语言、从语义的角度描述网页的结构。相当于人体的骨骼架构。
• CSS（Cascading Style Sheets）层叠样式表，从审美的角度去美化页面的样式、相当于人类的穿衣和打扮。
• JS（JavaScript）从交互的角度描述页面的行为。相当于人的动作

3.打个比方：

HTML 相当于人的身体组织结构：

CSS 相当于人的衣服和打扮：

JS 相当于人的行为：