戏说HTML5

2015/12/23 · HTML5 ·
HTML5

原文出处:
木的树的博客   

如果有非技术人员问你,HTML5是什么,你会怎么回答?

 

新的HTML规范。。。

给浏览器提供了牛逼能力,干以前不能干的事。。。(确切地说应该是给浏览器规定了许多新的接口标准,要求浏览器实现牛逼的功能。。。
这里感谢红枫一叶)

给浏览器暴露了许多新的接口。。。

加了很多新的效果。。。

问的人其实并不明白他想问的真正问题,回答的人貌似明白,但又好像少了点什么。牛逼的能力、新的接口、炫酷的效果,首先回答的人自己就是晕晕乎乎。什么是HTML、什么是CSS、什么是DOM、什么是JavaScript,大部分的前端开发每天都在用这些,但很少会有人去思考一下他们之间的关系。

首先,HTML的全称是超文本标记语言,是一种标记形式的计算机语言。将这种标记语言给专门的解析器,就能够解析出一定的界面效果。浏览器就是专门解析这种标记语言的解析器。我们说他最终的效果是在屏幕上展示出特定的界面,那么浏览器肯定要把一个个的标记转换成内部的一种数据结构,这种数据结构便是DOM元素。比如,一个<a>标签在浏览器内部的世界中就是一个HTMLAnchorElement类型的一个实例。

一个HTML文件就好比用超文本标记语言写的一篇文章,文章通常是有结构的,在浏览器眼里它就是DOM。DOM描述了一系列层次化的节点树。(但这时候的DOM还是存在于浏览器内部是C++语言编写的)

 

随着历史的发展,当人们不在满足简单的显示文本,对于某些文本需要特殊强调或者给添加特殊格式的需求,慢慢的冒了出来。面对人们需要控制显示效果的需求,最先想到的也最简单的方式就是加标记。加一些样式控制的标记。这时候就出现了像<font>、<center>这种样式控制的标记。但是这样一来,所有的标记就会分为两大类:一种是说我是什么,一种是说我怎么显示。这还不是大问题,标记简单,但是浏览器要解析标记可就不那么简单了。想一想,这样干的话DOM也就要分成两大类,一类属于描述元素的DOM节点,一类属于描述显示效果的DOM节点。一个DOM节点可能代表一个元素,也可能是代表一种显示效果。怎么看都觉得别扭呀。

最后人们决定废弃样式标签,给元素标签添加一个style特性,style特性控制元素的样式(最初的样式声明语法肯定很简单)。原来的样式标签的特性,现在变成了样式特性的语法,样式标记变成了样式特性。这样逻辑上就清晰多了。那么问题来了:

  • 一篇文章如果修辞过多,必然会引起读者的反感。如果把元素和显示效果都放在一个文件中,必然不利于阅读。
  • 如果有10个元素都需要一个效果,是不是要把一个style重复写十遍呢
  • 父元素的设置效果对子元素有没有影响,让不让拼爹
  • 。。。。。。。。。

类似的问题肯定有很多,所以出来了CSS,层叠样式表,带来了css规则、css选择器、css声明、css属性等,这样以来就解决了以上痛点。标记语言这层解决了,但是浏览器就不能干坐着玩耍了,必然得提供支持。所以浏览器来解析一个静态html文件时,遍历整个html文档生成DOM树,当所有样式资源加载完毕后,浏览器开始构建呈现树。呈现树就是根据一系列css声明,经历了层叠之后,来确定一个个个DOM元素应该怎么绘制。这时候其实页面上还没有显示任何界面,渲染树也是浏览器内存里面的一种数据结构。渲染树完成之后,开始进行布局,这就好比已经知道一个矩形的宽高,现在要在画布量一量该画在哪,具体占多大地方。这个过程完了之后就是绘制的过程,然后我们便有了我们看到的显示界面了。

给标记加点效果的问题解决了,历史的车轮又开始前进了。慢慢的人们不再满足简单的显示效果,人们希望来点交互。那个时候写HTML的大部分并不懂软件开发,开玩笑嘛,我一写活动页的你让我用C++?C++干这事的确是高射炮打蚊子——大材小用。那正规军不屑干的事就交给游击队吧,这时候网景公司开发出了JavaScript语言,那时候的JavaScript根本没有现在这么火,一土鳖脚本语言,哪像现在这么牛逼哄哄统一宇宙。

JavaScript本是运行在浏览器的语言,HTML文本是静态的,不可能让JavaScript修改静态文件,但可以跟浏览器内部打交道。可是这个时候的DOM并不是今天的DOM,他们是C++对象,要么把JavaScript转换成C++指令操作这些C++对象,要么把这些C++对象包装成JavaScript原生对象。历史选择了后者,这时候也就标志着现代DOM的正式诞生。不过历史有时候会出现倒退,历史上总会出现几个奇葩,比如IE,IE奇葩他全家,包括Edge!

马克思是个江湖骗子,但恩格斯是个好同志。自然辩证法与历史唯物主义是好东西。从历史的角度我们可以看到。CSS、DOM、JavaScript的出现于发展最终的源头都在HTML,超文本标记语言。人们对web的需求最终都汇集在HTML上。所以只要历史产生新的需求,最终的变化都首先发生在HTML规范上。

当交互性不能在满足人们需求时,web迎来了新的需求:webapp。要迎合新的需求,首先要改变的就是HTML规范,这个时候已有的HTML4.0,已经无法满足人们日益增长的需求,所以HTML5迎着历史的需求,经过八年的艰苦努力,终于在2014年正式定稿!HTML5肯定是要加入新标签,然对于传统HTML而言,HTML5算是一个叛逆。所有之前的版本对于JavaScript接口的描述都不过三言两语,主要篇幅都用于定义标记,与JavaScript相关内容一概交由DOM规范去定义。而HTML5规范,则围绕着如何使用新增标记定义了大量JavaScript
API(所以其中有一些API是与DOM重叠,定义了浏览器应该支持的DOM扩展,由此可以看到HTML5也必定不是HTML的最终版)。

 

后记——
本文只是一个旁观者以线性的方式来翻阅HTML的发展史,但历史更像是晴空上突然的晴天霹雳,一声过后,有人哀嚎遍野,有人高歌入云。以此纪念曾红极一时的Silverlight、Flex,以此纪念广大一线开发者活到老学到老的不懈精神、曾经耗费的精力、曾经逝去的青春。

1 赞 1 收藏
评论

图片 1

要会说话。说别人喜欢听的话,不要不好意思。得会哄人,哄领导哄同事哄老公哄孩子哄婆婆!对,就是哄!既然是哄当然就有假啦,你说他说的对,其实你根本不赞同,你说他聪明,其实不过想叫她听你的,你表示关心,只是知道他想听而已。你觉得很假吗?人性本来就是这样,爱听好听的话,可是哪有那么多好听的话,只能用假话替代了。

              戏说《霸王别姬》

前几天偶感风寒,本以为可以象以往一样扛过去,就没放在心上。

哪知道昨夜里突然高热,让我瞬间窒息的感觉,也突然觉出了“岁月不饶人”的意思了,于是,不管是不是良辰吉日了,先去看看医生吧,毕竟,医生也需要生存不是?

已经没有发烧好多年了,突然来这一出有点意外。肌肉酸酸的,骨头也散了架似的。这让我意识到:岁月面前,谁都不是赢家。

昨夜的梦境,着实有些奇怪:脖子被看不见的人死死掐住,喘不过气来的我想挣扎却全身无力,动弹不得;想大声叫喊,嗓子一阵咕噜噜嘶吼却又出不了声。万般无奈中蹬腿睁眼干着急的时候,迷迷糊糊中,象梦里亦象现实,一位老者来到跟前,在他的引导下,要求我寻找西楚霸王项羽的死亡之迷。

老者告诉我,霸王的死亡原因共有5点,若我找到一处,便能舒适很多,若是5点都能找到,我的痛苦便立马消失,否则……

带着满满的苦楚在梦里穿越,寻找被历史丢失了的点点往事,但一夜下来都没有弄清楚,痛苦也没有减轻一点点,愈发喘不过气来,天亮了更有些难耐,嗓子火烧火燎的,就两字——难受。

没人心疼的年龄,很庆幸有你。

谢谢你亲爱的!谢谢你的担心和在乎,谢谢你给予我爱情还给予我母爱般的亲情!你说发烧能把机体内的细菌消灭掉,那便是真的。

有你相伴,一切便算不了什么,况且几天后,我便又生龙活虎。

遵医嘱~~吃药静养少说话。

那就趁着“静养”的时间,再翻开《史记》,找找西楚霸王的死因吧。

说霸王,少不得说说虞美人虞姬了。

虞姬,秦末大美人。她的美是不容怀疑的。

虞美人身上集中了中国古代美女的三种美:色即美色;才即才艺;情~~即忠贞爱情。

传说虞姬出生贫寒,从小天资聪颖,喜欢歌舞,尤其天生舞姿飘逸,如彩凤飞舞。

自小就喜欢看哥哥练剑,小虞姬便学着哥哥如虹的剑势舞动,她心似男儿郎,可偏是女娇娥,哥哥雄壮有力的剑势在小虞姬这里,便成了柔美的绢绢丝绸之棉帛飘逸,刚劲的力量美,恰到好处地被小虞姬柔弱美消融,二者融会贯通,浑然天成,自成一体,不知不觉中成就了她最拿手的旷世奇舞~~剑舞。

剑,在柔弱而娇美的小虞姬手里,剑人合一,她一旦拿剑起舞,会让人惊叹:此物只应天上有,人间难得几回看!

自吴中到彭城,出了一个少年英雄,似乎就注定了一段英雄与美女的传奇。小小少年,在项氏族里不算显赫,却用满腔燃烧的热血,九曲突袭秦军,打下了万世传奇的经典之战,赢得了万民敬仰,也俘获了大片芳心。

自古英雄爱美女,自古美女配英雄,人中之龙自然看中凤舞九天之玄女佳丽,豆蔻年华遇上火热青春,两颗相爱的心融为一体,一个非你不娶,一个至死不渝;一个朝夕不离,一个生死相随。

戎马生涯里,杀气浓浓的秦楚军营,另类地飘散着柔情似水的甜蜜。虽然把脑袋别在马鞍上驰骋疆场,却怀有一颗战必胜、胜必还、还必悦的幸福之心,这一切,都源于心中的牵挂与默许,源于彼此间的信赖与依存,源于传说中剑舞的神奇魅力,源于英雄美人的传奇爱情!

时间总是在战火纷飞的岁月里度日如年。每次出征,兜兜转转一圈又一圈,一个又一个来回拼杀,不为别的,也要为迷人的剑舞拼得一条命在,好在苍天不负,总能在一次次冲杀中披荆斩棘,所向披靡,拥功而返。

可上苍,总是太过于公平,为你打开了门也打开了窗,成就了两种绝世传奇的同时,又悄然把门窗都轻轻把关上,留下这旷古悲凉……

公元前202年,这个十月,这个冬天的新年里(司马大叔说当时十月为‘春节’),秦楚战场从大地各处慢慢集结在垓下,从草原发源而来的“秦之铁骑”,注定要完成他的历史使命。

垓下之战的十面埋伏与四面楚歌,成就了留名千古的《霸王别姖》。

霸王项羽在四面楚歌声中惊醒,发现一直躺在身边的虞姬也正面容憔悴的看着他。项羽凝视着心爱的女人,他知道大势已去,江河不再,英雄末路……

项羽没有想过自己英雄霸道一世,最后竟然会落到如此尴尬和难堪的地步。

从吴中到彭城,从巨漉到关中咸阳,在华夏大地上转了一大圈,最后到了垓下。似乎命中注定垓下是个天然的坟墓……

项羽思绪万千,遂而拔剑而起,慷慨悲歌:“力拔山兮气盖世,时不利兮骓不逝。骓不逝兮可奈何,虞兮虞兮奈若何!”

这才是世界上最悲壮最绝望的吟唱!

谁说英雄无情?谁说霸王无泪?无情无泪只因未到伤心处。

一曲歌完,虞姬的泪水也在眼框里打转,但是她依然强装笑颜,拔出剑来,最后一次跳起了她的剑舞。

一边舞剑一边悲歌:“汉兵已掠地,四方楚歌声,大王义气尽,贱妾何寥生”。

一曲唱罢,虞姬最后一次深情地望着项羽,眼角含情脉脉,嘴角微微上扬,没有一点点恐惧,反而是静静的凝视,淡定的,眼前尽量有生以来的过往,尽量与霸王相伴的点点滴滴……最后是希望,她眼里充满了希望,充满了让霸王生的希望,这是由衷的情感表达,这一生,为你霸王,我生无忧,死又何惧?

霸王还是那么英俊潇洒,只是多了一点点憔悴,还是那么神武勇壮,只是多了一点点疲倦。虞美人突然挥剑自刎……

项羽正深情款款地看着虞美人,还沉浸在美人传神的眼眸里,还在解读美人的眼语,还在剑舞里心慰……霸王还没反应过来,虞姬已在自己的面前缓缓倒下了。

项羽大叫一声冲上去紧紧抱着虞姬,轻轻地呼唤她的名字,任凭泪水在自己脸上纵横,虞美人眼如迷雾,嘴角露出的似乎是一丝微笑和心慰。

是啊,她真的已经很满足了,没有死在敌人的手里也没有孤独地死去,而是为亲爱的人死在了他的怀里,心里感叹:“霸王啊霸王,这一辈子我陪你走过最壮阔的河山,陪你看过最悲壮的战争,陪你度过最艰辛的英雄路,又陪你唱过世界上最悲伤的歌,我虞姬的一生是渺小的一生,也是凄美的一生,苍天注定我前辈子是你肩膀上的蝴蝶,而今世做你最爱的女人,在爱情面前,死又算什么呢?死亡只会让我们的爱情走得更远,飞得更高,感动得更深。这难道不是我这一生所梦寐以求的吗?霸王啊霸王,我们之间的爱既然不能在春花开满的季节继续,那么就让她在冬天的烈火中永生吧!”

项羽读懂了虞美人那残留的笑容:“是啊,我的女人为我而死,她是以死来断绝我的儿女情长,让我以必胜的决心冲出重围,东山再起。这是一个绝望的但又是用心良苦的举动,虞美人啊,你就安息吧,我项羽一定会擦干眼泪,带着你的灵魂出发!就算敌人百万,我也要冲出去,宁愿死在千军万马之中,也决不坐以待毙让你蒙羞!”

这是心灵的交流,是心底对爱人的呼唤,只有两颗真诚的心才能明白,你,对于我有多么重要!

项羽草草地埋葬了心爱的女人,午夜,霸王再一次整束待发。凭借他天生的军事本能,项羽只率领800铁骑,在夜暮下含枚而进,冲向汉军,强行把5、6百万的汉军的人肉包围圈撕开了一个缺口,一路斩杀向南冲去……最后到了乌江边,已人疲马乏,虽然斩杀汉军无数,也只剩下28个弟兄了。乌江那边,就是项羽的故乡江东了。

江边空空荡荡,情急之中一叶扁舟漂了过来,原来是江东的一亭长,见着霸王,急请上舟离去。

项羽看着着急的亭长,心慰而悲凉地笑了。他想起短暂的过往,想起了死在怀里的虞姬,一瞬间,霸王项羽放弃了渡江逃生,不要江山又何防?即便夺得江山,虞姬不再,拥有江山何用?

他再仰天长啸,再次高歌:“力拔山兮气盖世,时不利兮骓不逝。骓不逝兮可奈何,虞兮虞兮奈若何!”

唱罢,霸王环眼看看身后仅剩下的28名勇士,再看看亭长,对亭长说:“我只剩下宝马乌骓了,感念江东父老的谅解与宽容,这乌骓便送与你罢了,快渡舟过江吧。”说罢便与28勇士返身向汉骑追来的方向走去……

不知战了多久,也不知多少汉军倒在了霸王面前,凛冽寒风中,已不见28个勇士,推积如山的汉军尸体上,唯有霸王项羽倚剑而立。看着围住尸山的层层汉军,仿佛,他看见了虞姬,虞美人轻盈婀娜的舞步和脉脉含情的眼神,再看看瑟瑟发抖的汉军,他轻蔑地笑了笑,仰望苍天,挥剑自刎。

一代霸王就这样悲壮地走了,带着强烈的不甘心离开了这个令人眷恋的世界,项羽却又心慰地笑了,他知道他的虞姬正在向他招手,等待与他共赴黄泉,以续来世。31岁的西楚霸王项羽,短暂而又灿烂的一生,就象流星划过,刹那之间发出惊天动地的光芒。

霸王项羽英年早逝之因,似乎可以归为以下:一是天意使然;二是性格使然;三是暴政使然;四是义气使然;第五,应该是为爱情殉情而去吧!

世间广为传颂的古代四大爱情故事:一是人鬼之恋的《孟姜女》;二是人神之恋的《牛郎织女》;三是人妖之恋的《白蛇传》;四是校园之恋的《梁山伯与祝英台》,这些传今颂古的爱情故事总是美丽的,更是凄美也是唯美的!

似乎还应有一出众所周知的殉情恋吧?天啦,怎能少得了殉情之恋的《霸王别姬》呢?

是啊,这“四大爱情故戓”应该不够,再加上殉情之恋的《霸王别姬》,成就了古代五大爱情故事。

我们对《霸王别姬》的爱情故事的悲壮与凄美既向往又敬畏,就像李清照诗说的一样:“生当作人杰,死亦为鬼雄。至今思项羽,不肯过江东。”
 

图片 2

图片 3

戏说捌与八

会说话的人,知道什么时候都要说好听的话,好听的话就是对方爱听的话,想听的话,能判断对方想听什么爱听什么,这需要本事。把人家爱听想听的说出来,说的合场合合时宜合对象,更需要本事,不仅是本事,还是境界!首先你得会装,装的自己都不是自己,就是把自己包起来,谁也不知道你想什么。然后你得脸皮厚,说假话说违心的话就像说真心话一样,面不改色心不跳,把说假话当成理所当然,说的大义凛然,说的义薄云天,说的发自肺腑。最后你还得有把假话真话混为一谈的本事,真亦是假假亦是真,辩来辩去,你都有理!

捌字简单道理大,

你得有看破红尘的悟性,更要有游戏人生的境界!

如烟缓缓告大家。

捌八谐音即是发,

其中道理有俩仨。

左手右别就是捌,

手拉别人才能发。

左拐右刀又念捌,

右刀用力砍自家,

伤筋动骨左拐驾,

严于律己也能发。

左撇右捺还是八,

群居社会是大家。

他人是撇己是捺,

互留余地才能发!

今日戏说捌与八,

并非想让大家夸。

古人造字意义大,

今人切勿忘记它!

图片 4

图片 5

发表评论

电子邮件地址不会被公开。 必填项已用*标注

网站地图xml地图