是时候再提web标准

2016/07/06 · 基础技术 ·
WEB

原文出处: 灵感(@灵感_idea
)   


**web标准之道

定义:

1.浏览器开发商和web程序开发人士在开发新的应用程序时听从钦定的正儿八经。
2.一多新正式的集合。网页根本由三某个组成:结构(Structure)、表现(Presentation)和行为(Behavior)。对应的标准也分三方面:结构化标准语言首要归纳XHTML和XML,表现专业语言紧要不外乎CSS,行为正式首要包蕴对象模型(如W3C
DOM)、ECMAScript等。
3.标准是一种类专业。分离的是表现;内容和行事;内容则控制了协会。

**背景*web标准之道,是时候再提web标准。*

**web标准是个故伎重演的话题。引入国内的时日,粗略算下来,有十年左右了。不过出于国内前端卓越人才的缺少和连锁教育跟进的冉冉,造成了不可胜计人都尚未对它引起充裕的推崇并应用到自个儿的实际上项目当中,同时又花了较多精力在纷繁扬扬的新技巧方案和工具中,这就导致了技术断层,影响不是一个三个人,而是一大一些,如若再缺少相关的正确率领,就会保留很多不得法的编码习惯,对于个人成长和所做的品类都以不利于的。**

怎么是时候再提呢?可以先来看看下边一张保有自然代表性的图,截自小编的企鹅群(152128548)

图片 1

一 、标签仍在被滥用
② 、敬爱觉,轻语义和布局
三 、热衷于跟进热门新技巧,不尊重基础
肆 、当我在跟大家说珍惜基础的时候,要么有人说原生js,要么有人说css原理和技巧,没人说html

是因为上述的几点,加上种种场面和议会如同很少提及这几个地点的东西,新手在被行家“牵”着走,老手的生机又不在那个比较基础的东西上。那篇文呢,就是跟我们共同回来起源,去看看哪些做才算是符合了web标准的编码。

介绍—WEB标准
不是某二个规范,而是一文山会海标准的成团。
网页根本由三局地构成:结构、表现、和表现。
相应的规范也分三上边:

图片 2
**

好处:

开发人员依照Web标准制作网页,那样对于开发者来说就进一步简便易行了,因为他俩可以很不难了解彼的编码;
动用Web标准,将保险全部浏览器正确彰显你的网站而无需费时重写;
按照标准的Web页面可以使得搜索引擎更易于访问并收入网页,也足以更便于转换为其它格式,并更易于访问程序代码(如JavaScript和DOM);
最终有利于web更好地发展。

题材根源

  • 结构化标准语言首要不外乎XHTML和XML。
  • 表现专业语言主要概括CSS。
  • 行事正式紧要回顾对象模型(如W3C DOM)、ECMAScript等。

【作  者】阿一;棕熊;李战;丁学
【出 版 社】 人民邮电出版社     【书 号】 9787115208972 
【上架时间】 2008-8-4 
【出版日期】 贰零零玖 年6月 【开 本】 16开

内容: 参考资料

代码越发正规化,特别契合规范,大家的页面就更便于被搜寻引擎抓取收录;
Web标准xhtml 1.0,html 4.01,html 5;
无障碍环境是二个HTML标准的紧要组成部分:Web标准使得残疾人员也得以很简单地使用网络。盲人可采取程序为他们读出网页,散光的人群可因而重新排列并拓宽网页来拜访网站。

1、门槛低、简单

七日就足以驾驭html,常用标签不多,用不到的不用管

比如:h1~⑥ 、p、span、div、img、a、input等,大家来随便的看一张截图

图片 3

地点是某宝PC端的登录页,只怕是由于种种原因(不详),只用了少量的竹签,所以,并不说它是不佳的可能是错的,但它是别的过几人的写照。若是自己说html标签有100多少个,你会是何等影响?

① 、不知情,没悟出有那般多
② 、知道,但认为很多都用不上

您会是哪个种类?

如何在方便的时候,合适的地点,使用科学的标签,那是web标准的着力须求。前边细说。

CSS很简短,常用属性也就那么多

宽、高、边框、背景、定位、浮动、边距,假诺你控制了这么多,那么就可见回答很多页面布局的情况了。假设您由此就觉着css很简短,那么就等着它来“惩罚”你呢。

不佳的地点:各个包容难点,各个奇葩布局须要,各类不可预见的bug

好的方面:诸多蹊跷的技能和css3新本性,能够支持大家做出充满美感又神奇的效应

万一您照样认为CSS太简单,那么请看一下那边https://drafts.csswg.org/indexes/,要坚强~

这么些标准一大半由万维网联盟(W3C)起草和宣布,也有部分是其他专业社团制定的规范,比如ECMA(European
Computer 马努facturers Association)的ECMAScript标准。

网上订购及购买:

万维网联盟:

一九九五年11月,发明者Tim·伯纳斯·李(TimBerners-Lee),是当做成员国机构协会,工作是展开规范互联网,成立和掩护的WWW标准,最要害W3C标准有(HTML
CSS XML XSL DOM)

贰 、只须要做“对”,不须要盘活

重重时候,即便写错了浏览器会兼容它,当大家的代码是不正规的,甚至有时是错的,不过浏览器依旧将它“寻常”突显出来,那些时候,大家发现不到温馨的荒唐。认为看起来没难题就没难点,那是很危险的。

标签不用放在心上,交给CSS去处理就好,理论上,大家可以经过一定的CSS规则,任意的变更三个成分的显示,这就导致了对html标签的不强调,因为大家总能让它们看起来没有其余难题。

目的—web标准

【内容简介】
腾讯网是以.NET为主旋律的社区,可是在其“冰山一隅”,Web设计却又一枝独秀,代表人物有鸟食轩、Cat
Chen、阿一 、丁学、爆牙齿、李战等,他们在Web标准、CSS、JavaScript上各有所长,在腾讯网留给了对Web设计领域的多多美文佳作。.

ECMA:

欧洲计算机制造商协会(European Computer Manufacturers Association),
众所周知的ECMAScript

3、热衷于“向前看”

读书新技巧,丰硕友好的技巧树——html五 、canvas、svg、react、ES6等。

解决“难题”——觉得一般的办事没什么挑衅了,所以不屑于去深挖自身一度会了东西。

做出炫酷的效劳——纯CSS图标、动画,3D动画,canvas动画等。

跟风式学习——我们都在谈,业界都在捧,看起来很好的东西,就起来不耐烦不安,严阵以待,其实有句话叫做:“基础不牢,地动山摇”,兴致冲冲的去上学新的东西的时候,往往会意识,没有丰盛的底蕴,是很难前行的。

地点说的这一个是错的么?当然都对,尤其是在技术升高创新迭代速度快的网络领域,想会得更多让投机更强,同时会的越来越多在骨子里运用中可挑选的方案也越来越多,兴趣驱动去学习,那是好事,小编自身也是这么的,但大家需求小心的是,学习不是一条直线,不可能顺着一条线从来往前冲,除了长度,还有深度,要求大家不断的从各样方面去打磨和填充才能有起色。

  • 造福程序设计者设计出全数规范性的文件
  • 方便浏览器厂家研发出适应web标准的浏览器
  • 跟着使得程序员设计的文本可以在差距的浏览器或终点设备体现网页音讯。

很想得到棕熊的指头有老赵多个粗,却还可以做出那么“灵”的JS效果而毫不费力;很好奇阿一而再汉语都说不灵便,却陆续推出了“震惊于世”的播客种类《阿一Web标准学堂》;很钦佩李战的八卦水准,居然能从JavaScript扯到和尚坐禅;而Cat
Chen更是标新立异,大力鼓吹“欲练CSS必先宫IE”;最后,狂赞一下和谐,因为本来想夸一夸上述这么些世外高人,然而脑英里浮现的却是月圆之夜宫室之巅南门吹雪天外飞仙的yy画面。

网站地图xml地图