坐忘道

Appearance

认识 WEB ​

Web ​

Web(World Wide Web)即全球广域网, 也称为万维网

我们常说的Web端就是网页端

网页 ​

网页是构成网站的基本元素, 网页主要由文字、图像和超链接等元素构成; 当然, 除了这些元素, 网页中还可以包含音频、视频以及 Flash 等

我们在浏览器上输入网址后, 打开的任何一个页面, 都是属于网页

浏览器 ​

浏览器是网页运行的平台, 常见的浏览器有谷歌(Chrome)、Safari、火狐(Firefox)、IE、Edge、Opera 等

关于浏览器的详细介绍, 可以看下一篇文章: 浏览器介绍

Web标准 ​

W3C组织 ​

W3C: World Wide Web Consortium, 万维网联盟组织, 用来制定WEB标准的机构组织

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

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

为什么要遵循WEB标准呢?

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

Web 标准 ​

Web标准: 制作网页要遵循的规范

Web标准不是某一个标准, 而是由W3C组织和其他标准化组织制定的一系列标准的集合

Web标准包括三个方面:

  • 结构标准(HTML): 用于对网页元素进行整理和分类

  • 表现标准(CSS): 用于设置网页元素的版式、颜色、大小等外观样式

  • 行为标准(JS): 用于定义网页的交互和行为

根据上面的Web标准, 可以将 Web前端分为三层:

  • HTML(HyperText Markup Language): 超文本标记语言, 从语义的角度描述页面的结构, 相当于人的身体组织结构
  • CSS(Cascading Style Sheets): 层叠样式表, 从审美的角度美化页面的样式, 相当于人的衣服和打扮
  • JavaScript(简称JS): 从交互的角度描述页面的行为, 实现业务逻辑和页面控制, 相当于人的动作, 让人有生命力

举个栗子:

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

HTML

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

CSS

JS相当于人的行为:

JS