Web/01-HTML/01-认识Web和Web标准.md

80 lines
2.8 KiB
JavaScript
Raw Normal View History

2020-03-22 23:11:09 +08:00
## Web网页浏览器
### Web
WebWorld Wide Web即全球广域网也称为万维网
我们常说的`Web端`就是网页端
### 网页
**网页是构成网站的基本元素**网页主要由文字图像和超链接等元素构成当然除了这些元素网页中还可以包含音频视频以及Flash等
我们在浏览器上输入网址后打开的任何一个页面都是属于网页
### 浏览器
浏览器是网页运行的平台常见的浏览器有谷歌ChromeSafari火狐FirefoxIEEdgeOpera等
关于浏览器的详细介绍可以看下一篇文章[浏览器的介绍](https://github.com/qianguyihao/Web/blob/master/01-html/02-%E6%B5%8F%E8%A7%88%E5%99%A8%E7%9A%84%E4%BB%8B%E7%BB%8D.md)》
## Web标准
### W3C组织
2021-05-06 10:54:48 +08:00
**W3C**World Wide Web Consortium万维网联盟组织用来制定web标准的机构组织
2020-03-22 23:11:09 +08:00
W3C 万维网联盟是国际最著名的标准化组织1994年成立后至今已发布近百项相关万维网的标准对万维网发展做出了杰出的贡献
W3C 组织就类似于现实世界中的联合国
为什么要遵循WEB标准呢因为很多浏览器的浏览器内核不同导致页面解析出来的效果可能会有差异给开发者增加无谓的工作量因此需要指定统一的标准
### Web 标准
**Web标准**制作网页要遵循的规范
Web标准不是某一个标准而是由W3C组织和其他标准化组织制定的一系列标准的集合
**1Web标准包括三个方面**
- 结构标准HTML用于对网页元素进行整理和分类
- 表现标准CSS用于设置网页元素的版式颜色大小等外观样式
- 行为标准JS用于定义网页的交互和行为
根据上面的Web标准可以将 Web前端分为三层如下
**2Web前端分三层**
- HTMLHyperText Markup Language超文本标记语言**语义**的角度描述页面的**结构**相当于人的身体组织结构
- CSSCascading Style Sheets层叠样式表**审美**的角度美化页面的**样式**相当于人的衣服和打扮
- JSJavaScript**交互**的角度描述页面的**行为**相当于人的动作让人有生命力
**3打个比方**拿黄渤举例
HTML 相当于人的身体组织结构
![](http://img.smyhvae.com/20200322_1250.png)
CSS 相当于人的衣服和打扮
![](http://img.smyhvae.com/20200322_1251.png)
JS 相当于人的行为
2021-04-06 21:46:57 +08:00
![](http://img.smyhvae.com/20200322_2220.gif)
---
本作品采用[知识共享署名-非商业性使用-相同方式共享 4.0 国际许可协议](https://creativecommons.org/licenses/by-nc-sa/4.0/)进行许可。
![](https://img.smyhvae.com/20210329_1930.png)