Web标准(网页标准)

本文介绍了前端网页页面的Web标准,包括HTML构建页面结构、CSS负责表现和CSS3及JavaScript实现网页行为。重点讲解了HTML、CSS、JavaScript及其子集ECMAScript、DOM和BOM的作用,强调了Web标准对于浏览器兼容性和开发者的重要性。
摘要由CSDN通过智能技术生成

Web 英文意为 网络,Web 标准,即网络标准,是一个非常大而泛的概念,牵扯到软件和硬件(计算机网络、操作系统、硬件驱动和通信协议等等,这个题目本身就太大了)。本文所讲的 Web 标准仅仅是针对于前端网页页面的构成标准 下文所讲的 Web 标准就是指前端网页页面的标准

Web标准

本文所讲的前端网页页面的 Web 标准是 网页设计和开发的一系列标准,主要包括:页面结构、表现、行为。
我们平时浏览网页可能会用到 Chrome 、Firefox、Edge、IE、Safari 等浏览器,这些浏览器都是由不同的公司开发提供的,每个浏览器厂商对我们网页页面的渲染效果兼容性都不一样,为了让用户能够让用户选择 Web 浏览器而无需担心使用所需的网站,并且让 Web 设计和开发人员能够创建每个人都可以使用的网页。
想必大家都听说过 W3C组织(World Wide Web Consortium 万维网联盟),它就是来制定Web 标准的。Web 标准提供了一个通用的技术基线,Web 浏览器标准不断发展,Web 浏览器不断更新以采用这些标准。 因此,IT 专业人员和开发人员必须确保 Web 应用程序与当前和新兴的 Web 标准和浏览器兼容。确保 Web 应用程序和网站与新版本的浏览器兼容,并帮助防止可能发生的许多兼容性问题。大家可以看W3school 的文档进行 web 标准的学习
点击进入 W3school 传送门

一、页面结构 - HTML

页面结构是指网页的基本框架,如果说网页页面是一个人的话,页面结构就是人体的骨架,我们通过 HTML 搭建网页的骨架。HTML(Hyper Text Markup Language 超文本标记语言),它是由一套标记标签来组成的,通过标记标签来描述网页。具体的学习内容可以点击上文的 W3school 传送门

二、表现 - CSS (控制页面布局+样式)

如果说把HTML 比作是人体的骨架的话,那么 CSS 就相当于是人的 血肉和皮肤。网页长什么样子,都是通过 CSS 来去渲染 HTML 元素来达成的。CSS(Cascading Style Sheets 层叠样式表)用于定义网页的样式,包括针对不同设备和屏幕尺寸的设计和布局。

三、行为 - JavaScript (从网页和用户的交互角度来看)

如果说一个健全的人,他应该会运动和思考,这些都属于人的行为,那么 JavaScript 的作用就是让网页能够跟用户互动起来。
JavaScript 下文简称 js ,有兴趣的同学可以自行查一下 js 的诞生历史,它并不是由 W3C 组织来规范。我们平时说的 JavaScript 它可以说是一个体系,也是一种泛指,对于前端来说它至少包含了三块(ECMAScript、DOM、BOM),其实还应包括 Ajax 技术(处理网络数据请求)

3.1 ECMAScript

由 ECMA(European Computer Manufacturers Association)组织来指定的标准脚本语言,它规定了 js 的基础语法标准,可以理解为它是 js 的基础。

3.2 DOM - 文档对象模型

它的作用是通过 js 代码来控制 HTML 元素,DOM 模型把 HTML页面映射为一个 DOM 树,可以通过 js 来去控制DOM 树上的元素,来实现对页面的渲染控制。开发人员可以轻松地操作和修改 DOM 元素的内容和结构。

3.3 BOM - 浏览器对象模型

浏览器对象模型提供了独立于网页内容的,可以与浏览器窗口进行互动的对象结构。BOM 由多个对象组成,如 浏览器窗口 的 Window 对象是 BOM 的顶层对象,其他对象都是该对象的子对象。这一部分的功能可能不是很多,主要功能如下:

  1. 弹出浏览器窗口的能力;
  2. 移动、关闭、改变浏览器窗口大小的能力;
  3. 提供 web 浏览器详细信息的导航对象;
  4. 可提供浏览器载入页面详细信息的本地对象;
  5. 提供用户屏幕分辨率信息的屏幕对象;
  6. Cookies
  7. IE 浏览器的不同版本还有一些特殊的扩展,所以经常会发生 IE各个版本兼容的问题

从上面第7条也能看出,其实 BOM 没有相关的标准,由各个浏览器厂商自己扩展,因此存在各种浏览器的兼容性问题。

除了上述内容标准外,还有 网络传输相关的协议,后续会补充关于网络传输协议相关内容,敬请期待

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值