来自 澳门威尼斯人平台 2019-12-16 04:09 的文章
当前位置: 澳门威尼斯人平台 > 澳门威尼斯人平台 > 正文

web标准之道

是时候再提web标准

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

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

**web标准之道

定义:

1.浏览器开发商和web程序开发人员在开发新的应用程序时遵守指定的标准。
2.一系列标准的集合。网页主要由三部分组成:结构(Structure)、表现(Presentation)和行为(Behavior)。对应的标准也分三方面:结构化标准语言主要包括XHTML和XML,表现标准语言主要包括CSS,行为标准主要包括对象模型(如W3C DOM)、ECMAScript等。
3.标准是一系列标准。分离的是表现;内容和行为;内容则决定了结构。


**背景**

**web标准是个老生常谈的话题。引入国内的时间,粗略算下来,有十年左右了。但是由于国内前端优秀人才的缺失和相关教育跟进的缓慢,造成了很多人都没有对它引起足够的重视并运用到自己的实际项目当中,同时又花了较多精力在眼花缭乱的新技术方案和工具中,这就造成了技术断层,影响不是一个两个人,而是一大部分,如果再缺少相关的正确引导,就会保留很多不正确的编码习惯,对于个人成长和所做的项目都是不利的。**

为什么是时候再提呢?可以先来看看下面一张具有一定代表性的图,截自我的企鹅群(152128548)

图片 1

1、标签仍在被滥用
2、重视觉,轻语义和结构
3、热衷于跟进热门新技术,不重视基础
4、当我在跟大家说重视基础的时候,要么有人说原生js,要么有人说css原理和技巧,没人说html

由于以上的几点,加上各种场合和会议似乎很少提及这些方面的东西,新手在被老手“牵”着走,老手的精力又不在这些比较基础的东西上。这篇文呢,就是跟大家一起回到起点,去看看怎样做才算是符合了web标准的编码。

图片 2
**

好处:

开发人员按照Web标准制作网页,这样对于开发者来说就更加简单了,因为他们可以很容易了解彼的编码;
使用Web标准,将确保所有浏览器正确显示您的网站而无需费时重写;
遵守标准的Web页面可以使得搜索引擎更容易访问并收入网页,也可以更容易转换为其他格式,并更易于访问程序代码(如JavaScript和DOM);
最终有利于web更好地发展。

介绍—WEB标准
不是某一个标准,而是一系列标准的集合。
网页主要由三部分组成:结构、表现、和行为。
对应的标准也分三方面:

问题来源

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

内容: 参考资料

代码更加规范,更加合乎标准,我们的页面就更容易被搜索引擎抓取收录;
Web标准xhtml 1.0,html 4.01,html 5;
无障碍环境是一个HTML标准的重要组成部分:Web标准使得残疾人士也可以很容易地使用互联网。盲人可使用程序为他们读出网页,弱视的人群可通过重新排列并放大网页来访问网站。

  • 结构化标准语言主要包括XHTML和XML。
  • 表现标准语言主要包括CSS。
  • 行为标准主要包括对象模型(如W3C DOM)、ECMAScript等。

1、门槛低、简单

一周就可以掌握html,常用标签不多,用不到的不用管

比如:h1~6、p、span、div、img、a、input等,我们来随意的看一张截图

图片 3

上面是某宝PC端的登录页,可能是由于种种原因(不详),只用了少量的标签,所以,并不说它是不好的或者是错的,但它是其他很多人的写照。如果我说html标签有100多个,你会是什么反应?

1、不知道,没想到有这么多
2、知道,但认为很多都用不上

你会是哪种?

如何在合适的时候,合适的地方,使用正确的标签,这是web标准的基本要求。后面细说。

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

宽、高、边框、背景、定位、浮动、边距,如果你掌握了这么多,那么就能够应对很多页面布局的情况了。如果你因此就认为css很简单,那么就等着它来“惩罚”你吧。

不好的方面:各种兼容问题,各种奇葩布局要求,各种不可预知的bug

好的方面:诸多奇妙的技巧和css3新属性,能够帮助我们做出充满美感又神奇的效果

如果你依然觉得CSS太简单,那么请看一下这里https://drafts.csswg.org/indexes/,要坚强~

网上预订及购买:

万维网联盟:

1994年10月,发明者蒂姆·伯纳斯·李(Tim Berners-Lee),是作为成员国机构组织,工作是进行标准化网络,创建和维护的WWW标准,最重要W3C标准有(HTML CSS XML XSL DOM)

这些标准大部分由万维网联盟(W3C)起草和发布,也有一些是其他标准组织制订的标准,比如ECMA(European Computer Manufacturers Association)的ECMAScript标准。

2、只需要做“对”,不需要做好

很多时候,即使写错了浏览器会包容它,当我们的代码是不规范的,甚至有时候是错的,但是浏览器仍然将它“正常”显示出来,这个时候,我们意识不到自己的错误。认为看起来没问题就没问题,这是很危险的。

标签不用在意,交给CSS去处理就好,理论上,我们可以通过一定的CSS规则,任意的改变一个元素的表现,这就造成了对html标签的不重视,因为我们总能让它们看起来没有任何问题。

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

ECMA:

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

目的—web标准

3、热衷于“向前看”

学习新技术,丰富自己的技能树——html5、canvas、svg、react、ES6等。

解决“难题”——觉得一般的工作没什么挑战了,所以不屑于去深挖自己已经会了东西。

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

跟风式学习——大家都在谈,业界都在捧,看起来很好的东西,就开始躁动不安,跃跃欲试,其实有句话叫做:“基础不牢,地动山摇”,兴致冲冲的去学习新的东西的时候,往往会发现,没有足够的基础,是很难前行的。

上面说的这些是错的么?当然都对,特别是在技术发展更新迭代速度快的互联网领域,想会得更多让自己更强,同时会的更多在实际应用中可选择的方案也更多,兴趣驱动去学习,这是好事,我自己也是这样的,但我们需要注意的是,学习不是一条直线,不能沿着一条线一直往前冲,除了长度,还有深度,需要我们不断的从各个方面去打磨和填充才能日臻完善。

很奇怪棕熊的手指有老赵两个粗,却居然能做出那么“灵”的JS效果而不费吹灰之力;很惊讶阿一连普通话都说不利索,却陆续推出了“震惊于世”的播客系列《阿一Web标准学堂》;很佩服李战的八卦水准,居然能从JavaScript扯到和尚坐禅;而Cat Chen更是标新立异,大力鼓吹“欲练CSS必先宫IE”;最后,狂赞一下自己,因为原本想夸一夸上述这些世外高人,可是脑海里浮现的却是月圆之夜皇城之巅西门吹雪天外飞仙的yy画面。

  • 便于程序设计者设计出具有规范性的文件
  • 便于浏览器厂家研发出适应web标准的浏览器
  • 进而使得程序员设计的文件可以在不同的浏览器或终端设备展示网页信息。

本文由澳门威尼斯人平台发布于澳门威尼斯人平台,转载请注明出处:web标准之道

关键词: