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


Posted in HTML / CSS onJuly 07, 2017

一、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可以浏览。

HTML / CSS 相关文章推荐
CSS3系列之3D制作方法案例
Aug 14 HTML / CSS
CSS3.0实现霓虹灯按钮动画特效的示例代码
Jan 12 HTML / CSS
HTML5之WebGL 3D概述(下)—借助类库开发及框架介绍
Jan 31 HTML / CSS
HTML5实现锚点时请使用id取代name
Sep 06 HTML / CSS
Html5 Geolocation获取地理位置信息实例
Dec 09 HTML / CSS
HTML5 Canvas 旋转风车绘制
Aug 18 HTML / CSS
快速创建 HTML5 Canvas 电信网络拓扑图的示例代码
Mar 21 HTML / CSS
HTML5调用手机发短信和打电话功能
Apr 29 HTML / CSS
Html5 canvas画图白板踩坑
Jun 01 HTML / CSS
使用HTML5做的导航条详细步骤
Oct 19 HTML / CSS
CSS3 Tab动画实例之背景切换动态效果
Aug 23 HTML / CSS
使用CSS实现百叶窗效果示例代码
May 07 HTML / CSS
html5简单示例_动力节点Java学院整理
Jul 07 #HTML / CSS
html5简介_动力节点Java学院整理
Jul 07 #HTML / CSS
HTML5 文件上传下载的实例代码
Jul 03 #HTML / CSS
浅析HTML5中的 History 模式
Jun 22 #HTML / CSS
常用的HTML5列表标签
Jun 20 #HTML / CSS
HTML5本地存储之IndexedDB
Jun 16 #HTML / CSS
localstorage和sessionstorage使用记录(推荐)
May 23 #HTML / CSS
You might like
php curl的深入解析
2013/06/02 PHP
在Mac OS上搭建PHP的Yii框架及相关测试环境
2016/02/14 PHP
微信支付之JSAPI公众号支付详解
2019/05/15 PHP
laravel 实现上传图片到本地和前台访问示例
2019/10/21 PHP
关于PHP5.6+版本“No input file specified”问题的解决
2019/12/11 PHP
PHP执行linux命令6个函数代码实例
2020/11/24 PHP
js 判断浏览器类型 去全角、半角空格 自动关闭当前窗口
2009/04/10 Javascript
javascript 精粹笔记
2010/05/09 Javascript
jQuery $.each遍历对象、数组用法实例
2015/04/16 Javascript
JavaScript中计算网页中某个元素的位置
2015/06/10 Javascript
浅谈js和css内联外联注意事项
2016/06/30 Javascript
Bootstrap Validator 表单验证
2016/07/25 Javascript
JavaScript多态与封装实例分析
2018/07/27 Javascript
vue-cli初始化项目中使用less的方法
2018/08/09 Javascript
快速解决vue-cli在ie9+中无效的问题
2018/09/04 Javascript
JavaScript中0、空字符串、'0'是true还是false的知识点分享
2019/09/16 Javascript
vue Tab切换以及缓存页面处理的几种方式
2019/11/05 Javascript
Vue实现返回顶部按钮实例代码
2020/10/21 Javascript
微信小程序实现锚点跳转
2020/11/23 Javascript
零基础学Python(一)Python环境安装
2014/08/20 Python
python快速查找算法应用实例
2014/09/26 Python
Python实现批量修改文件名实例
2015/07/08 Python
快速了解Python开发中的cookie及简单代码示例
2018/01/17 Python
python tensorflow学习之识别单张图片的实现的示例
2018/02/09 Python
python正则爬取某段子网站前20页段子(request库)过程解析
2019/08/10 Python
jupyter notebook运行命令显示[*](解决办法)
2020/05/18 Python
美国新兴城市生活方式零售商:VILLA
2017/12/06 全球购物
荷兰皇家航空公司官方网站:KLM Royal Dutch Airlines
2017/12/07 全球购物
毕业生自我鉴定
2013/11/05 职场文书
教师先进工作者事迹材料
2014/05/01 职场文书
艾滋病宣传活动总结
2014/05/08 职场文书
美化环境标语
2014/06/20 职场文书
普通党员个人剖析材料
2014/10/08 职场文书
2014年医院工作总结
2014/11/20 职场文书
信访工作个人总结
2015/03/03 职场文书
工作经历证明范本
2015/06/15 职场文书