HTML5漫谈(1)–什么是HTML5?

2015-08-11html教程
24

1)什么是HTML5?

    HTML5从字面上很容易理解:就是HTML技术标准的第五版。(http://dev.w3.org/html5/spec/Overview.html)

    我们平时谈到的HTML5一般指以HTML5、CSS3、Javascript为代表的最新Web技术(标准)。其中,HTML5和CSS主要负责界面、内容呈现(貌),Javascript负责逻辑处理(才)。

    当然,光有技术标准远远不够,更重要的是有众多的浏览器类产品遵循和支持该标准。因为HTML5应用需要类似浏览器这样的特定应用执行环境。目前,HTML5标准尚未定稿(计划2014年发布正式版本),各种浏览器产品对HTML5的支持程度差异较大。

测试某一浏览器对HTML5的支持程度很简单,用该浏览器访问 http://www.html5test.com 就可以得出结果。

比如我用的Chrome浏览器测试结果如下:

传统的Web语言是典型的轻量级语言,主要用于内容呈现和简单逻辑处理,在体验和功能等方面有一定局限性,因而,大多Web服务的复杂逻辑运算处理都是由业务平台服务程序完成。

而相比于之前的Web技术,HTML5强大许多。
到底强在哪呢?我们下面简单介绍一二。

2)HTML5有啥能耐?

以前大家用浏览器的网页大多遵循HTML4.01标准编写的,因而对HTML4.01的能力应该有些直观的体会。

我们重点看看相对于HTML4.01,HTML5新增了哪些功能,这里罗列几个:

- 绘图(Canvas)
- 音频和视频(Audio、Video)
- 多线程(WebWorker)
- 地理信息(GeoLocation)
- 本地存储(Local Storage)
- 离线缓存(Offline)
- 双向通信(WebSocket)
- 语义化的标签元素(Semantic Elements)
- 新的表单功能(Forms)

以手机应用为例,常用的功能也就用户界面、进程管理、存储能力、设备管理、通信能力等,这些功能在HTML5中都能找到向对应的实现方式,稍微欠缺的是应用安全机制。目前有些浏览器有各自的安全解决方案。

可能你会发现这些功能以应用紧密相关,HTML5这样的技术演进趋势明显是“Web应用本地化”,即让Web能力更强,与传统的应用开发技术(如C++)更加接近。,这样,更多的应用就可以采用Web技术开发,即“本地应用Web化”

描述不如体验:自己来用用HTML5应用吧(推荐用Chrome或者FireFox浏览器):

植物大战僵尸:http://pvz.lonelystar.org/  (国内开发者 Lonelystar开发的)

超级马里奥:http://www.html5china.com/html5games/mario/index.htm (小学时候我的最爱)

愤怒的小鸟:http://chrome.angrybirds.com/ (貌似现在得翻墙才能正常显示?)

生物实验室危机:http://playbiolab.com/ (很像魂斗罗啊)

在线练毛笔字:http://www.theshodo.com/Write (用鼠标写毛笔字就是比用毛笔写好看,呵呵)

 

The End

相关推荐

layui根据经纬度在弹出层中显示具体位置
我们要实现在layui根据经纬度在弹出层中显示具体位置,具体要怎么操作呢? 1、首先你需要引入百度地图的js,这个ak我们去百度地图开发者平台申请,一定要申请浏览器版的ak. script type="text/javascript" src="https://api.map.baidu.com/api?v=2.0ak=你的ak...
2024-10-24 html教程
152

layui table筛选列实现记忆功能,刷新不丢失
layui table给前端的table字段很多,一两百个,但是每个人关注的字段不同,有些人会设置这个defaultToolbar中的列字段,但是每次进去页面都得重新设置,很麻烦。 想法是,defaultToolbar的filter这个功能中,用户自定义显示列时保存起来,下次进入页面默认加...
2024-10-21 html教程
119

layui表格渲染templet解析单元格的问题
在解析单元格的时候自定义列为这样: {field: 'tpye', title: '所属类别', align:"center",templet:'#typeBar'} 我们通常这样简单的解析像这样也没什么毛病: script type="text/html" id="typeBar" {{# if(d.tpye == 1){ }} 系统优化 {{# }else if(d.tpye==2...
2024-10-21 html教程
166

html表单标签详细介绍以及实例代码
表单用于搜集不同类型的用户输入,表单由不同类型的标签组成,相关标签及属性用法如下: 1、form标签 定义整体的表单区域 action属性 定义表单数据提交地址 method属性 定义表单提交的方式,一般有get方式和post方式 2、label标签 为表单元素定义文字标注 fo...
2024-10-16 html教程
85

Js正则表达式过滤特殊字符、表情
Js正则表达式过滤特殊字符、表情的实例代码: let ret = "12312ffds#¥@¥#%^***(()))*)).`@%@¥@¥", val = this.customDeviceName;//特殊字符过滤let pattern = new RegExp("[`~!@#$^*()=|{}':;',\\[\\]./?~!@#¥……*()——|{}【】‘;:”“'。,、?]...
2022-10-14 html教程
594

让你的HTML5&CSS3网站在老IE中也能正常显示的3种方法
1、htmlshiv.js Remy开发的HTML5shiv工具能利用JavaScript在老式IE里创建main,header,footer等HTML5元素。也就是说使用JavaScript能创建这些本来不存在的HTML5新元素。这是什么原理?你可能花几天也想不明白,但谁在意呢!这个脚本几乎是所有正式网站必用...
2017-04-15 html教程
586