[浅谈 演示] 你所不知道的HTML - 从 XHTML2 到 HTML5 (1)
HTML5 出来其实也有很长一段时间了。因为这个那个的原因,在HTML5刚出炉时,我根本就没对它有任何重视。直到有一天突然看到某人搞了个东东,里面用到了HTML5中的一个特性——canvas,才突然意识到:“天哪!XHTML2还没站稳脚跟,就给这小子找到火柴了!” (注:即老赵blog文章中提到的HTML5事件,的确受到了不小打击的……)
在切入正题之前,大家先看下面这个演示:
按箭头键还能使这个多面体旋转哦~
很好玩吧?这个小玩意儿就用到了HTML5的新特性——canvas
这个东东的代码是从polyhedra.org上看来的,并作了小小的修改,使它能适应cnBlogs的博客。而polyhedra.org的代码,则用的是google的开源代码——其实,google maps上的很多效果都用到了这个canvas特性。刚刚出现的HTML5, 其实离你只有一步之遥。
-XHTML2的尴尬
如果你关心过前台开发的新技术,那么你或许会知道,W3C组织在推HTML5之前,准备推的是XHTML2的规范。突然转眼之间又弄出HTML5这么个东东来,究竟是为什么的?
这要从XHTML的目的说起。
W3C制定XHTML的目的,是最终希望将一个web网页的文档结构完全从表现和行为中解放出来,并最终使其成为一个通用的语言——它不仅可以用于构建一个网页的结构,而且可以用来构建一个更通用的文档结构。
这种文档结构的最好例子就是书。一本书有标题(相当于一个网页的title),目录(也就是我们说的导航),章节标题(h1~h6, 以及XHTML2中新定义的h),章节(XHTML2中甚至新定义了一个section元素来表示这个以前在HTML/XHTML中没有的结构),段落(p元素),列表(ul, ol)等等。XHTML的最终目的就是用XML的语法来定义这么一个文档结构的框架。你要写书,只要照着这个框架填内容就可以了。至于这本书由什么出版社出版,多少开本印刷,是不是要做成电子版等等,都不是XHTML2要关心的东东。
这么看来似乎XHTML2是个很好的规范,因为它减少了文档结构和表现/行为的耦合。而任何一个程序员都知道,耦合是越低越好,那么W3C怎么又搞出HTML5这么个东东呢?
其实大家可以想想,既然有书,为什么大多数人还是喜欢逛网站、博客去看一些在书本上都能找到的东西呢?很简单:因为书本有个很大的缺点——缺乏互动性。你不能把书上的一张图片从一页拖拽到另一页,也不能通过书本来和别人交流。一份文档,给你提供的最终实质,就是稳当的内容而已——这就是XHTML2, 只有内容结构。
当然,XHTML2被提出的时候只有2002年,整个XHTML概念成型在2000年左右。那时还是整一个win98的时代,当时的人们估计是万万没想到web application 现在会这么火,只是一心想从设计模式上改进原有的HTML系统罢了。从设计模式上来讲,XHTML2是非常优秀的,但是短短6年间,XHTML2就有些跟不上web 2.0的脚步了。在这个web application大行其道的年代,用户并不会关心你页面采用了如何优秀的设计模式。他们只会关心这个网页是不是够炫,功能够不够好用。因此交互成为互联网应用的关键,而非原来的数据共享。
于是就催生了HTML5这么个另类的东东。
未完待续~现在偶先去呼呼了@@
[浅谈 演示] 你所不知道的HTML - 从 XHTML2 到 HTML5 (1)相关推荐
- 你所不知道的网站外链高级操作策略
很多seo认为外链对于seo已经没有多大效果了,其实并不是这样的.外链对于seo的帮助还是很大的,但是前提是优质的外链. 由于现在几乎所有优质的网站都不允许其他网站在自己的网站发布外链,因此导 ...
- 被低估的css滤镜,你所不知道的 CSS 滤镜技巧与细节
本文主要介绍 CSS 滤镜的不常用用法,希望能给读者带来一些干货! 系列 CSS 文章汇总在我的 Github ,持续更新,欢迎点个 star 订阅收藏. OK,下面直接进入正文.本文所描述的滤镜,指 ...
- Android Context完全解析,你所不知道的Context的各种细节
转载请注明出处:http://blog.csdn.net/guolin_blog/article/details/47028975 前几篇文章,我也是费劲心思写了一个ListView系列的三部曲,虽然 ...
- 魂斗罗java设计,你所不知道的《魂斗罗》 设计企划书告诉你神作如何炼成
你所不知道的<魂斗罗> 设计企划书告诉你神作如何炼成 2016-08-09 18:07:59来源:游戏下载编辑:评论(0) 很多人对电子游戏最初的记忆里都不会少了<魂斗罗>,但 ...
- 你所不知道的良心网站第二弹
目录 前言 极简简历(polebrief.com) Logo设计(uugai.com) pdf转换 (smallpdf.com) 幕布脑图(mubu.com) ProcessOn脑图(processo ...
- 那些你所不知道的arXiv使用技巧
作者:Tom Hardy Date:2020-12-23 来源:那些你所不知道的arXiv使用技巧
- 系统调优,你所不知道的TIME_WAIT和CLOSE_WAIT
https://my.oschina.net/fdhay/blog/638631 高性能网络 | 你所不知道的TIME_WAIT和CLOSE_WAIT 2016-02-18 大房 大房说 本文是我将最 ...
- ai的弹窗点了都不响应_【评价集合】拼多多评价,你所不知道的点都在这里!...
对于在拼多多开店的商家们来说,评价是消费者对于商品的好坏程度的一个评分,评价的高低不仅仅会影响到商品的销量,更会影响转化率以及权重!所以为了店铺商品的长远发展打算!各位商家在求取出评.好评的道路上不断 ...
- python 函数调用 不允许关键字参数_你所不知道的Python|函数参数的演进之路
原标题:你所不知道的Python|函数参数的演进之路 函数参数处理机制是Python中一个非常重要的知识点,随着Python的演进,参数处理机制的灵活性和丰富性也在不断增加,使得我们不仅可以写出简化的 ...
最新文章
- Javascript玩转继承(一)
- altium designer寻找未连接飞线
- php点击按钮做查找,点击按钮后运行PHP功能?
- dropout的正则化理解
- oracle视图失效,ORACLE 11Gr2 V$ARCHIVED_LOG视图过期信息
- 小点点软件对你非常实用
- 最新 | 更小、更快、更强!EfficientNetV2:Smaller-Faster-Better
- 参考信息 - 云原生(Cloud Native)
- JavaScript进阶学习(二)—— 基于原型链继承的js工具库的实现方法
- linux 附加数据库文件,SQL Server 数据库分离与附加图文详解
- 在c语言程序中可把整型数,C语言程序设计(2).doc
- 将Nginx加入service服务中
- 窗口启动特效,使用win32 api
- 如何批量给图片加水印?
- 服务器故障导致网站打不开,网站打不开的6种现象及解决方法
- Androidadb驱动实现原理
- 视频教程-清华-尹成老师-Python数据库3.MySQL-Python
- 初中数学分几个模块_初中数学有几部分
- c++ 语法错误 : 缺少“;”(在“*”的前面)
- 当 AI 掌握「读心术」:DeepMind AI 已经学会相互理解
热门文章
- hdu3018 一笔画问题
- 操作系统原理第六章:进程同步
- 【Groovy】循环控制 ( Number 注入函数实现循环 | times 函数 | upto 函数 | downto 函数 | step 函数 | 闭包作为最后参数可写在外面 )
- 【Android 应用开发】Canvas 精准绘制文字 ( 文本边界坐标解析 | 绘图位置 )
- 【Flutter】监听滚动动作 控制组件 透明度渐变 ( 移除顶部状态栏空白 | 帧布局组件 | 透明度组件 | 监听滚动组件 )
- 【OpenGL】二十四、OpenGL 纹理贴图 ( 读取文件内容 | 桌面程序添加控制台窗口 | ‘fopen‘: This function may be unsafe 错误处理 )
- html字符实体和实体名称 lt;
- Python的scrapy之爬取顶点小说网的所有小说
- xftp Initialize Flexnet Service failed / Error code: 50003
- xml凭证模板的一般制作