当前位置:首 页>> 百 宝 箱

HTML 简史 微信扫一扫
分享给朋友

  HTML 是 Web 统一语言,这些容纳在尖括号里的简单标签,构成了如今的 Web。1991 年,Tim Berners-Lee 编写了一份叫做 “HTML 标签”的文档,里面包含了大约20个用来标记网页的 HTML 标签。他直接借用 SGML 的标记格式,也就是后来我们看到的 HTML 标记的格式。本文讲述了 HTML 这门 Web 标记语言的发展简史。
从 IETF 到 W3C: HTML 4 之路 
  HTML 1 并不曾存在,HTML 的第一个官方版本就是由 IETF (互联网工程任务组) 推出的 HTML 2.0。问世之前,这个版本中的很多细则已经被实现,比如,1994年的 Mosaic 浏览器已经实现了在文档中嵌入图片的方法,后来 HTML 2.0 便吸纳了 img 这个标签。
  后来,W3C 取代 IETF 的角色,成为 HTML 的标准组织,1990年代的后半页,HTML 的版本被频繁修改,直到1999年的 HTML 4.01,至此,HTML 到达了它的第一个拐点。
XHTML 1: XML 风格的 HTML 
  HTML 在 HTML 4.01 之后的第一个修订版本就是 XHTML 1.0,其中 X 代表 “eXtensible” ,扩展,当然也有人将之解读为 “eXtreme”,极端。XHTML 1.0 是基于 HTML 4.01 的,并没有引入任何新标签或属性,唯一的区别是语法,HTML 对语法比较随便,而 XHTML 则要求 XML 般的严格语法。
  使用严格的语法规范并非坏事,要求开发者使用单一的代码风格,比如,HTML 4.01 允许你使用大写或小写字母标识标记元素和属性,XHTML 则只允许小写字母。XHTML 1.0 的推出刚好碰上了 CSS 的崛起,Web 开发设计者们开始意识到 Web 标准问题,基于 XHTML 的严格语法规范被视为编写 HTML 代码的最佳实践。
于是,W3C 推出 XHTML 1.1。
  如果说 XHTML 1.0 是 XML 风格的 HTML,XHTML 1.1 则是货真价实的 XML。这意味着 XHTML 1.1 无法使用 text/html mime-type 直接输出,然而,如果 Web 开发者使用 XML mime-type,则当时的主流浏览器,IE 则压根不支持。看上去,W3C 似乎正在与当时的 Web 脱节。
出力不讨好的 XHTML 2 
  对 W3C 而言,到了 HTML 4 已经是功德圆满,他们的下一步工作是 XHTML 2,希望将 Web 带向 XML 的光明未来。虽然 XHTML 2 听上去和 XHTML 1 类似,它们却有很多差别,XHTML 2 不向前兼容,甚至不兼容之前的 HTML。它是一种全新的语言,赤条条来去无牵挂。这实在是一场灾难。
WHATWG:与 W3C 决裂 
  W3C 闭门造车的作风引起了一些人的不满,来自 Opera, Apple, 以及 Mozilla 的代表开始表达反对声音。2004年,Opera 的 Ian Hickson 提议在 HTML 基础上进行扩展以适应新的 Web 应用,该提议遭到 W3C 的拒绝。于是,他们自发组织成立了超文本应用技术工作组,就是 WHATWG。
从 Web Apps 1.0 到 HTML5 
  从一开始,WHATWG 就和 W3C 走不同的路线,W3C 对问题的讨论是集体投票,而 WHATWG 则由主笔 Ian Hickson 定度。表面上看,W3C 更民主,然而事实上,各种内部纷争会使一些决议限于泥潭,在 WHATWG,事情的进展会更容易,不过,主笔的权力并非无限大,他们的委员会可以对那些过于偏执的主笔进行弹劾。
  一开始,WHATWG 的主要工作包括两部分,Web Forms 2.0 和 Web Apps 1.0,它们都是 HTML 的扩展,后来,他们合并到一起成为现在的 HTML5 规范。
言归于好 
  在 WHATWG 致力于 HTML5 的同时,W3C 继续他们的 XHTML 2.0,然而,他们慢慢地陷入困境。
  2006年10月,Web 之父 Tim Berners-Lee 发表了一篇博客文章,表示,从 HTML 走向 XML 的路是行不通的,几个月后,W3C 组建了一个新的 HTML 工作组,他们非常明智地选择了 WHATWG 的成果作为基础。这一转变带来一些困惑,W3C 同时进行这两套规范,XHTML 2 和 HTML 5 (注意,W3C 的 HTTML 5 在 5 之前有个空格,而 WHATWG 的 HTML5 则没有空格),而 WHATWG 也在进行着同样的工作。
XHTML 已死: XHTML 语法永存 
  这一混乱局面到了 2009 年开始变得清晰,W3C 宣布终止 XHTML 2 的工作,这是一份关于 XHTML 2 的迟到的讣告。这一消息被那些 XML 的反对者视为珍宝,他们借此嘲笑那些使用 XHTML 1 规范的人,然而他们似乎忘记了,XHTML 1 和 XHTML 2 是截然不同的东西。于此同时,XHTML 1 规范的制定者担心,XHTML 1 中的严格语法规范会被 HTML5 弃用,这种担心后来证明是多余的,HTML5 既支持松散语法,也支持 XHTML 1 般的严格语法。
HTML5 路线图 
  HTML5 的现状是,它不再象以前那样让人困惑,然而仍不够明朗。有两个组织在同时制定它的规范,这两个组织有着完全不同的行事风格,WHATWG 是先买后尝,W3C 是先尝后买,他们形成了一个不太靠谱的联姻,最终人们必将面临一个 HTML5 还是 HTML 5 的问题。
  更让开发者困惑的是,他们什么时候才可以试水 HTML5。
  在一次访谈中,Ian Hickson 提到了 2022,表示要到那时 HTML5 才会形成"推荐标准",此话一出,立刻招来 Web 设计者们的愤怒,尽管他们不知道推荐标准时什么意思,但他们明白,2022 已经是猴年马月的事了。
  这还不算,更重要的是,这个推荐标准涉及两套规范,考虑到 HTML5 标准的规模,这个日期还是太乐观了,毕竟,各大浏览器以往对既有标准的兼容并不遂人意,想当初,IE 花了10年才接纳 abbr 这个标签。
  2012 年,HTML5 会被接纳为候选标准,这将是 HTML5 真正开始发力的日子。对 Web 开发设计者来说,这并不重要,重要的是浏览器的支持,就像 CSS 2.1,当有浏览器开始支持这一规范的时候,就有开发设计者在使用了,倘若必须等到所有浏览器都支持才开始入手,恐怕我们现在还在等待中。
  HTML5 也一样,并不会有一个时间点,宣布 HTML5 已经准备妥当,相反,我们会先开始使用它的部分功能,HTML5 并不是一个从零开始全新的东西,它是旧的 HTML 标准的改进,事实上,不管你正在使用的 HTML 是哪个版本,你已经在使用 HTML5 了。

LOGO虽小,自有乾坤。 微信扫一扫
分享给朋友

  留白?对,当然这里专指我们经常见的公司或组织Logo(标志)图案的留白部分。作为入门门槛低而又很难出精品 的Logo设计(甚至可扩展到任何机构的VI或CI系统设计),怎样在非常有限的视觉幅度中准确、鲜明的表达Logo本身所要传承的形象或精神语言,并给人以及其深刻的印象,成为众多Logo设计师悉心追求的目标。今天介绍的这些logo不但在表象上实现了明快的视觉传达的目的,而且你仔细看看它们留白的 部分,才发现别有洞天啊!
联邦快递,E和X中间还有一个箭头……

如Logo所写,注意中间的非洲地图 

瑜伽,而且还是澳大利亚的,当然少不了澳大利亚地图咯!

巴黎老佛爷商场,于是注意后面的埃菲尔铁塔 

Modern Nerd

乍一看就是Modern,再看看有缺口的两个字母中间不就是Nerd吗?
ED Milan 有D也有左边的E

动物园,有鸟树有猿猴还有狮子……

Washington state university 华盛顿州立大学,W,S,U

Carrefour 家乐福的logo中间藏了一个C

Toblerone 这里面藏了一只熊

Amazon 亚马逊网购,“我们的商品遍及A~Z”,此外还送你一个微笑

Treacy Shoes

鞋logo,里面当然得有双鞋 
Talk

两人聊的正hi呢! 
Microsoft “Mouse”

微软“鼠”标 
Mammoth Mountain

猛犸山,M就变成了一头猛犸象 
Eight 能看出来有多少个“8”吗?

春风得意的jQuery 微信扫一扫
分享给朋友


  5年前,没有人听说过jQuery,当时,它只是JavaScript大师JohnResig的一个设想。今天,jQuery已经是世界上最成功的JavaScript库,互联网上28%的网站使用jQuery。最为开源工具,Web开发者们喜欢jQuery,大公司也对它张开臂膀,它几乎已经成为Web开发与设计的标准,甚至得到了微软的支持。
  到底什么是jQuery,jQuery团队有一段很好的阐述:jQuery是一个快速,精确的JavaScript库,简化了对HTML文档的操作,动画以及事件处理,同时又是快速Ajax开发交互平台。jQuery的使命是改变你编写JavaScript代码的方式。
使用jQuery的网站
  越来越多的网站使用jQuery,包括下面这些全球最受欢迎的站点:Twitter.com/Wikipedia.org/MLB.com/Amazon.com/Bing.com/Microsoft.com/Bit.ly/ESPN.com/Digg.com/Reddit.com/Netflix.com/Wordpress.com,甚至包括美国政府网站(Whitehouse.gov)。目前,全世界有28%的网站使用jQuery,这个趋势还在上升,下图是根据全球最大的10000个网站使用jQuery的比例趋势:
上图:jQuery使用趋势图 from BuiltWith。

其它JavaScript库
  jQuery是目前最流行的JavaScript库,在所有使用JavaScript库的站点中,超过38%使用jQuery,而位居第二的Prototype只有7.55%。

上图:Javascript库的使用分布 from BuiltWith。

  对jQuery的讨论也非常多,几年前,人人都谈Prototype,现在,jQuery成了人们的话题,下图是人们对各个JavaScript库的关注程度:

  下图是根据GoogleInsightsforSearch制作了各个JavaScript库近几年受关注程度的变化:

上图:蓝色代表jQuery,红色代表Prototype。

jQuery得到众多公司的帮助
  不仅开发社区喜欢jQuery,很多大公司也纷纷对它伸出橄榄枝,这是它成功的关键。比如:
  微软和Google都在他们的CDN网络中为jQuery库提供托管。
  MediaTemple竭尽全力捐助托管jQuery网站。
  微软表示帮助对jQuery进行测试甚至开发,VisualStudio和ASP.NETMVC都内置jQuery。
  诺基亚参与jQuery测试,并雇佣了jQuery核心成员BrandonAaron。
  当然落不了开源领头羊Mozilla,他们雇佣了jQuery创始人JohnResig。

  jQuery还有更多赞助者,根据JohnResig的介绍,jQuery的资源100%来自捐赠,任何人都可以捐赠jQuery,不独大公司。

小团队,大成功
  jQuery的核心开发团队只有6人,包括jQuery创始人JohnResig,还有一个6人的开发者关系团队。还有一些开发jQuery插件的人,总之,他们不是个大团队,另外,他们是开源团队,人人都是义务开发。

Blog 6 years 微信扫一扫
分享给朋友

人到穷途应一笑,几凡失意仍能傲。成败何须问江湖,我心依旧任逍遥。
这一生只想好好做个平凡的人,有个家有个梦,陪我迎接每一个早晨。
这一生只想好好做个平凡的人,何必争何必问,只有快乐开心才是真。