html5是什么_动力节点Java学院整理

所属分类: 网页制作 / html5 阅读数: 470
收藏 0 赞 0 分享

一、HTML5是什么 

HTML5 is the latest version of Hypertext Markup Language, the code that describes web pages. It's actually three kinds of code: HTML, which provides the structure; Cascading Style Sheets (CSS), which take care of presentation; and JavaScript, which makes things happen.
 

    先引用 Gary Marshall的一段话,他说HTML5是HTML(Hypertext Markup Language)的最新修订版本,如果把HTML当成一个APP的话,HTML5表示这个APP的第5个主版本。HTML5包含3个部分:HTML,CSS,JavaScript,从这句话的描述应该可以大概看出HTML5与HTML之前版本的不一样了。
 

    可是,为什么说HTML5包含3个编码部分呢?

    首先,包含HTML这个毋庸置疑,HTML5拥有大部分HTML的基本标签元素,如:<div>, <p>等等;

    包含CSS编码?原来HTML5中增加了类似<nav>, <footer>等这样带有特定样式,表示特定内容的标签;

    包含JS编码?HTML5新增了类似<audio>,<video>等这样的多媒体标签,自身可以通过属性设定相关动作;

二、为什么要提出HTML5

    让我们从乔布斯拒绝在苹果机器上支持Flash开始说起,乔布斯觉得HTML5完全可以取代FLASH。

When Steve Jobs refused to allow Flash on iOS devices, he argued that HTML5 could do everything Flash did.

    我们知道,现在很多多媒体信息需要浏览器安装相应的插件才能浏览,这些插件包括Adobe的Flash,MicroSoft的SilverLight等,由于这些插件都有专利权,各大浏览器制造商如果使用这些插件需要支付相应的专利税费,部分浏览器制造商不愿意被插件制造商绑架,则无法浏览多媒体信息或者采用其他的方式来支持多媒体信息,这就造成了不同的浏览器对多媒体的不同支持方式,同一个多媒体信息在不同的浏览器展示的效果不一样,甚至无法展示。
    HTML5就是来解决这个问题的,统一所有终端(PC,手机,平板等),统一所有操作系统(Android,ios,windows等)。HTML5能够使你的网站在不同的终端,不同的操作系统上得到完美展示。

    HTML5的使命就是使Web实现大一统。

三、HTML5的特点

    HTML5怎么完成自己的使命呢?换句话说,HTML5到底有什么能耐呢?

    1、浏览器自带多媒体标签<audio>, <video>等,可以抛弃Flash,SilverLight等浏览器插件。这样解决了使用插件带来的兼容问题,同时还省了一笔专利使用税费;

    2、HTML5简化了基础标签,支持更多的浏览器,进一步加强了兼容性,为实现Web大一统打好了基础;

    3、HTML5还带了更多好玩的东西,如:canvas,本地存储,定位功能等等,这些特性展现了HTML5将有一个广阔的未来。更多特性请参考使用HTML5的十大原因。

四、HTML5的现状

    你知道HTML5现在面临的最大问题是什么吗?

HTML5技术目前最大的困境莫过于各浏览器缺乏统一的扩展标准,在不同手机操作系统上性能表现不一致以及缺乏优质中文技术文档。HTML5技术最大的问题在于:浏览器兼容性较差。

    讽刺吧!身负Web大一统使命的HTML5目前最大的问题竟然是浏览器兼容性问题。让我们冷静反思一下其实可以理解。HTML5目前正处于高速发展阶段,使用人数也在逐步增长,对于这样一个”发展中语言“,我们要有耐心,相信它会越来越好。兼容性问题是目前发展阶段最主要的问题,也是实现Web统一最核心的问题。让我们拭目以待HTML5的未来吧!
 

  关于各大主流浏览器对HTML5的支持情况,我这里不赘述了,直接上mobilehtml5可以浏览。

更多精彩内容其他人还在看

突袭HTML5之Javascript API扩展5—其他扩展(应用缓存/服务端消息/桌面通知)

前面已经总结了主要的API扩展(应用缓存/服务端消息/桌面通知),下面的几个只有在特定的场合才能发挥它的潜质,无一例外,IE均不支持,桌面通知目前只有Chrome支持,感兴趣的朋友可以了解下,或许对你有所帮助
收藏 0 赞 0 分享

HTML5之HTML元素扩展(上)—新增加的元素及使用概述

HTML5中加入了全新的结构型元素,例如页眉header,页脚footer,导航nav,内容article,章节section等除了这种整个页面的结构型元素,html5也加入了块级别的语义元素,感兴趣的朋友可以了解下,或许对你有所帮助
收藏 0 赞 0 分享

HTML5之HTML元素扩展(下)—增强的Form表单元素值得关注

在HTML5增强的元素中,最值得关注的就是表单元素;在HTML5中,表单已经做了重大的修整,一些以前需要通过JavaScript编码实现的功能现在无需编码就可轻松实现,感兴趣的朋友可以详细了解下,或许对你有所帮助
收藏 0 赞 0 分享

HTML5之WebGL 3D概述(上)—WebGL原生开发开启网页3D渲染新时代

WebGL开启了网页3D渲染的新时代,它允许在canvas中直接渲染3D的内容,而不借助任何插件,看到此处是不是感觉特别惊讶啊,WebGL有一个很好的中文教程,就是下面使用参考中的第一个链接,所以这里不再班门弄斧,后面的内容只是简单的总结一下学习的内容,感兴趣的朋友可以了
收藏 0 赞 0 分享

HTML5之WebGL 3D概述(下)—借助类库开发及框架介绍

前面我们看到了使用原生的WebGL API开发是多么的累,只因如此大量的WebGL框架被开发出来,这些框架不同程度的封装了创建3D场景的各种要素你可以快速创建需要的3D场景,感兴趣的朋友可以了解下,或许本文对你有所帮助
收藏 0 赞 0 分享

HTML中fieldset标签概述及使用方法

之前HTML没有好好学,导致以前看到控件组样式感觉很新奇,fieldset> 标签将表单内容的一部分打包,生成一组相关表单的字段,接下来对HTML中fieldset标签的使用进行详细解读,感兴趣的朋友可以了解下,或许对你有所帮助
收藏 0 赞 0 分享

HTML5中微数据概述及在搜索引擎中的使用举例

HTML5微数据规范是标记内容的一种方式,用于描述特定的信息类型,例如评论、人物信息或活动。微数据使用 HTML 标记(常为 span>或 div)中的简单属性为项和属性指定简要的描述性名称
收藏 0 赞 0 分享

html5新增的属性和废除的属性简要概述

HTML5中,在新增加和废除很多元素的同时,也增加和废除了很多属性比如表单相关的属性/链接相关属性是新增的而HTML4中一些属性就被废除掉了,感兴趣的你可以了解下,或许对你学习html5有所帮助
收藏 0 赞 0 分享

html5的新增的标签和废除的标签简要概述

HTML5中在新增加和废除很多标签的同时,也增加和废除了很多标签比如新增的结构标签:section元素/video元素等等,感兴趣的朋友可以了解下,希望本文的知识点对你有所帮助
收藏 0 赞 0 分享

html5配合css3实现带提示文字的输入框(摆脱js)

webkit特有的一个css,可以控制里面的文字样式,配合css3的动画效果和伪类,我们就可以很容易做出一个带动画的输入框,在系统登录、搜索等位置很适合,感兴趣的你可以参考下本文或许可以帮助到你
收藏 0 赞 0 分享
查看更多