什么是web标准??

本章给大家介绍什么是web标准??通过介绍大家可以对web标准有更深入的了解,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。

web标准

不是某一个标准,而是一系列标准的集合。网页主要由三部分组成:结构(Structure)、表现(Presentation)和行为(Behavior)。对应的标准也分三方面:结构化标准语言主要包括XHTML和XML,表现标准语言主要包括CSS,行为标准主要包括对象模型(如W3C DOM)、ECMAScript等。这些标准大部分由万维网联盟(外语缩写:W3C)起草和发布,也有一些是其他标准组织制订的标准,比如ECMA(European Computer Manufacturers Association)的ECMAScript标准。

上述是百度对web标准的描述。

Web标准,使得Web开发更加容易。

简单来说web标准可以分为结构(html),表现(css)和行为(JavaScript)。

结构主要是有html标签组成,在页面body里面我们写入的标签都是为了页面的结构。

表现即是css样式表。通过css可以让结构标签变得更具美感。

行为指的是页面与用户具有一定的交互,主要是有js组成。

为什么要有web 标准?

对于浏览器开发商和 Web 程序开发人员在开发新的应用程序时遵守指定的标准更有利于 Web 更好地发展。

开发人员按照 Web 标准制作网页,这样对于开发者来说就更加简单了,因为他们可以很容易了解彼此的编码。

使用Web标准,将确保所有浏览器正确显示您的网站而无需费时重写。

遵守标准的Web页面可以使得搜索引擎更容易访问并收入网页,也可以更容易转换为其他格式,并更易于访问程序代码(如JavaScript和DOM)。

小结:

如果你了解html的历史,你就会知道 在从html1~5,这期间经历了漫长的浏览器战争,在战争中每个浏览器都想称霸世界,都在不断增加自己的专用扩展包,受害的是web开发人员,因为你要针对不同的浏览器你单独写web页面。直到html4的时候, 万维网协会结束了这场战争,创建了一个唯一的html标准。使结构表现分离成为两种语言,要求浏览器厂商也要遵循这套标准。html从1到5 会不会以后出现6 7 8,不会了。因为制定标准的人已经把这个规范变成了一个活的标准,他会随着技术的发展形成相应的文档,而不会在增加版本号。

以上就是什么是web标准??的详细内容,更多请关注创想鸟其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 chuangxiangniao@163.com 举报,一经查实,本站将立刻删除。
发布者:程序猿,转转请注明出处:https://www.chuangxiangniao.com/p/1611712.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2025年12月24日 02:30:43
下一篇 2025年12月24日 02:30:53

相关推荐

  • css如何隐藏页面元素?css 隐藏元素的四种实现方法以及之间的区别(代码实例)

    在css中,让元素隐藏(指屏幕范围内肉眼不可见)的方法很多,有的占据空间,有的不占据空间;有的可以响应点击,有的不能响应点击。那么这些css方式是怎样实现隐藏元素的,之间又有什么区别。本章给大家介绍css如何隐藏页面元素?css隐藏元素的四种实现方法以及之间的区别(代码实例)。有一定的参考价值,有需…

    2025年12月24日 好文分享
    000
  • CSS中的选择器有哪些?你知道选择器的优先级顺序吗?

    作为前端工程师,对于css 选择器并不陌生吧。选择器是我们在布局时必不可少的一部分。那你知道css中的选择器有哪些吗?css选择器的优先级顺序又是怎么样的呢?当你知道了其中的奥秘,才能在工作中得心应手。接下来就聊聊css选择器以及他们的优先级顺序。 一、CSS选择器有哪些 CSS中的选择器很多,比如…

    好文分享 2025年12月24日
    000
  • css如何实现渐变效果?css背景色渐变与文字渐变效果的实现(代码实例)

    在前端网页开发的时候,往往会用到一些渐变色的效果,这样可以使得前端页面更加美观。那么这些渐变效果是如何用css代码实现出来的?本章就给大家带来css如何实现渐变效果?css背景色渐变与文字渐变效果的实现(代码实例),介绍css 渐变样式和如何实现css渐变。有一定的参考价值,有需要的朋友可以参考一下…

    2025年12月24日
    000
  • css浮动是什么意思?css为什么要清除浮动?

    在学习css的过程中,经常会看到css浮动和css清除浮动,那么,css浮动是什么意思?css为什么要清除浮动呢?本篇文章将给大家介绍关于css浮动的意思以及css清除浮动的理由。 一、首先我们来看一下css浮动是什么意思? 我们从百度百科上可以知道:float是css样式中的定位属性,用于设置标签…

    2025年12月24日
    000
  • css相对定位和绝对定位有什么区别?css相对定位和绝对定位对比分析

    css定位中有相对定位和绝对定位,那么css相对定位和绝对定位之间有什么不同呢?接下来的这篇文章将给大家分别介绍关于css相对定位和绝对定位的内容以及css相对定位和绝对定位的区别。 一、首先我们来看一看css相对定位 position: relative(相对定位):相对定位是相对于元素在文档中的…

    2025年12月24日
    000
  • css绝对定位如何居中?css绝对定位居中的四种实现方法

    在网页进行css布局时居中是经常需要用到的,其中就有css绝对定位居中,那么,css绝对定位如何实现居中?今天的这篇文章将给大家来介绍关于css绝对定位居中的实现方法。 推荐手册:CSS在线手册 css绝对定位居中的实现方法有很多,下面将给大家介绍css绝对定位居中的四种方法。 1、兼容性不错的主流…

    好文分享 2025年12月24日
    000
  • css inline-block属性各浏览器兼容以及水平间隙问题解决方案

    本章给大家介绍css inline-block属性各浏览器兼容以及水平间隙问题解决方案。有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。 inline-block属性 说明: 设置这个值之后对象自己呈递为内联对象,但是对象内的内容作为 block boxes 呈递。也就是说设置了这个值…

    2025年12月24日
    000
  • cursor怎么用?CSS中cursor属性的使用方法以及可选值的解析

    在页面布局时,css是工作中必不可少的部分,常听别人讲:html是一个人素颜的样子,加了css后是一个人化妆以后的样子。这句话通俗易懂,很好的诠释了css与html之间的关系。css中的属性非常多,今天就着重讲一个属性,即css cursor属性,以及它的很多可选值,比如:cursor 手型 就是用…

    好文分享 2025年12月24日
    000
  • CSS中如何实现图片与文字垂直居中,都有哪些方式?

    在工作时,我们经常会用图片和文字来布局,但是细心的小伙伴会发现,html默认情况下,图片置顶对齐,文字置底对齐,所以当图片高,文字低,就不能居中对齐。为了页面的美观,我们习惯设置图片和文字对齐,那css中如何设置文字与图片垂直居中呢?都有哪些方式让文字与图片垂直居中呢? 方法1:简单粗暴的方式,直接…

    2025年12月24日
    000
  • HTML的列表样式可以去除吗?怎么去掉li前面的小黑点

    在工作中,我们经常会用到列表,列表又分为有序列表和无序列表,无序列表在页面中会显示实心圆点,有序列表会显示序号,但是,有时候我们不要它,觉得是多余的,不需要列表前面的点和序号显示出来,那可以去除列表样式吗?怎么去掉li前面的点呢?接下里,举例并且用代码和图片进行讲解。 看这个例子,我用无序列表写了古…

    2025年12月24日 好文分享
    000
  • css中:after和:before的作用及使用方法

    本章给大家介绍css中:after和:before的作用及使用方法。有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。 1.  :before 和 :after 的主要作用是在元素内容前后加上指定内容,示例: HTML代码: 你好 CSS代码: 立即学习“前端免费学习笔记(深入)”; p…

    2025年12月24日 好文分享
    000
  • 深入理解CSS盒子模型含义和原理

    很多前端人员认为css太简单了,没必要花那么长的时间学习,其实不然,一个前端开发人员把css用好以后,效率和用户体验都会提升不少,最近打算深入的学习一下css,以便遇到问题时,才知道如何下手,从而迅速的对症下药。接下来主要介绍css的盒子模型。 什么是盒子模型 说起盒子模型,作为前端开发的我们,相信…

    2025年12月24日
    000
  • 如何使用CSS和GSAP实现有多个关键帧的连续动画(附源码)

    本篇文章给大家带来的内容是关于如何使用css和gsap实现有多个关键帧的连续动画(附源码),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。 效果预览 源代码下载 https://github.com/comehope/front-end-daily-challenges 代码解读 定…

    2025年12月24日
    000
  • 深入理解CSS之overflow:hidden,scroll,visible

    在布局时,如果遇到内容超过盒子大小时,可以用css属性overflow将超出对象的内容实现隐藏,同时也可以将超出部分显示或者隐藏滚动条的作用,接下来我们来了解学习css overflow样式。 一、Overflow语法值 overflow : visible | auto | hidden | sc…

    好文分享 2025年12月24日
    000
  • 如何使用纯CSS实现一只会动的手(附源码)

    本篇文章给大家带来的内容是关于如何使用纯css实现一只会动的手(附源码),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。 效果预览 源代码下载 https://github.com/comehope/front-end-daily-challenges 代码解读 定义 dom,容器中…

    2025年12月24日
    000
  • 如何用CSS纯代码画一个旋转的太极图(附代码)

    这是一个中国人都非常熟悉的图案——太极图,它分为阴阳两级,会旋转(用到css3 animation动画属性),此图通过css3纯代码实现,它由 若干个小圆组合而成,适合初学css3的人练练手,娱以 致学,增加学习的乐趣。 HTML部分: CSS部分: .square { width: 400px; …

    2025年12月24日
    000
  • 如何用css画正六边形?用css画正六边形的两种方法(代码实例)

    本章给大家介绍如何用css画正六边形?用css画正六边形的两种方法(代码实例)。有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。 在之前要先了解一下正六边形内角和边的关系,正六边形的每个内角是60deg,如图(√3其实是根号3): 方法一:原理把正六边形分成三部分,左中右分别是:bef…

    2025年12月24日 好文分享
    000
  • CSS实现四个方向箭头的代码

    本篇文章给大家带来的内容是关于CSS实现四个方向箭头的代码,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。 自学教程(如约智惠.com) i { border:solid black; border-width:0 3px 3px 0; display:inline-block; p…

    好文分享 2025年12月24日
    000
  • css如何实现footer定位(完整代码)

    本篇文章给大家带来的内容是关于css如何实现footer定位(完整代码),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。 css实现footer定位 Document html,body{ width: 100%; height: 100%; margin: 0; padding: …

    好文分享 2025年12月24日
    000
  • 什么是浮动以及浮动的清除方法

    本章给大家介绍什么是浮动以及浮动的清除方法。有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。 一、浮动 说浮动就必须提及一下文档流,html当中的元素按照从左到右,从上到下的顺序进行排列称之为文档流,也就是正常排列。 而浮动是什么呢?浮动会让元素脱离文档流,假如A元素浮动了,原本排在该…

    2025年12月24日 好文分享
    000

发表回复

登录后才能评论
关注微信