HTML5新特性及标签标记概要

近期微软宣布在IE9使用HTML5标准并仅支持H.264视频格式,不再支持FLASH,不过天缘感觉有点不可思议,应该是仍然兼容插件支持FLASH才对,毕竟取代FLASH不可能一朝一夕就会完成,Adobe的FLASH也是费了九牛二虎之力才有今天的市场,IE9如果完全不支持FLASH会让IE很被动,而Google近期也宣布Android 2.2将正式支持Flash平台,还好Adobe还是有个缓冲的时间,郁闷是肯定的,因为FLASH的前途肯定不容乐观(微软的Silverlight也是一样),FLASH只是Adobe的产品,要让位给HTML标准服务也是大势所趋,只可惜壮士未捷身先死(还未来得及收费)。

很多从事WEB前端开发的网友都对现有HTML(HyperText Markup Language)结构都有意见,比如音视频播放、表单检查、列表框初始化、控件的动态增减及嵌套、XML表单提交等等,在现有的HTML结构上要实现这些功能,要手动检查和设计诸多重复性且极易出错的格式代码,音视频播放还需要考虑兼容多种浏览器类型,而且由于早前标准应用混乱导致开发人员总是要在兼容性上花费太多的时间和精力。

HTML5作为下一代WEB开发标准即将到来,成为主流的日子也已不远,它会不会真的如预期那样解决这些问题?虽然要彻底抛弃FLASH、完全实现HTML5还需要很多年,但从IE9(Windows 8)发布的时刻起,HTML5因该就会开启新的篇章,浏览器对HTML5的兼容问题根本不用担心,他们会因为商业利益问题一夜之间就可以解决。



上一版本HTML标记一览表:HTML标记一览表及用法说明

一、HTML版本历史

1993年06月超文本标记语言(第一版)
1995年11月HTML 2.0(RFC 1866)
1996年01月HTML 3.2,W3C推荐标准
1997年12月HTML 4.0,W3C推荐标准(1999年12月,发布HTML 4.01,也是W3C推荐标准)
2000年1月XHTML 1.0,W3C推荐标准
2000年05月ISO HTML,是国际标准化组织(ISO)和国际电工委员会(IEC)标准
2010年01月HTML 5.0公共草案,已被W3C采纳,HTML5的正式标准发布希望今生能够看到。

注:以上标准版本并不完整,主要是因为HTML规范版本的修正混乱及普及效果差强人意,所以造就今天群魔乱舞一般的兼容效果。WEB前端开发人员花费太多的精力在兼容性调整和测试上。

 

二、HTML 5的新特性

HTML 5应用相比HTML 4更加成熟,总的来说HTML 5改进点有以下几个方面:

1、增强HTML表单功能、引入更多灵活的段落标签、新功能标签。

2、用户交互性增强,如details、datagrid、menu、command等属性,相关:网页编程中如何动态的添加删除表格行

3、引入<canvas>标签,并支持直接用脚本绘图。

4、沙盒机制,隔离潜在的威胁。可有效防止访问父页面DOM、读写Cookie、本地存储数据库等。

5、内建3D技术支持,无需插件即可将网页3D化,还规定了一套适合网页使用的3D图形接口界面,支持脚本化运行。

6、引入更多创建Web应用的API,如文件拖放、视频播放、音频播放、离线Web应用等。

 

三、HTML 5结构标记概要

1、HTML 5类型标记

HTML 5类型标记:<!DOCTYPE html>,非常精简的一句话。

2、META数据

包括:head、title、base、link、meta、style、script等元素

3、主体组成结构

增加以下标签:

header页面头部,不同与<head></head>
aside边栏
nav外部链接集合
section章节或段落
article类似文章、摘要或留言POST等形式的记录(一般搭配内嵌头部、尾部、底部结构使用)
hggroup类似子标题,标题信息、可选标题、TAG标签这样的数据,还是英文更好理解一些,heading of a section
address联系信息,一般用在article或body锚元素周围
footer页脚

4、群组内容及文本元素

A、群组元素包括:p, hr, br, pre, blockquote, ol, ul, li, dl, dt, dd, figure, figcaption, div, 增加figure和figcaption元素

B、文本元素包括a, em, strong, small, cite, q, dfn, abbr, time, code, var, samp, kbd, sub和sups, i, b, mark, ruby, rt, rp, bdo, span。

5、嵌入内容

嵌入内容包括:img, iframe, embed, object, param, video, audio, source, Media, canvas, map,area等,其中Media请参考链接说明,canvas用来绘图。

6、Web开发API

Web开发API调用包括:canvas 2D绘图、定时播放、离线存储、文件拖放、MIME和协议句柄注册等方面。

HTML5元素完整列表请参考文章:HTML5元素标记一览及用法介绍,本文图片来源GOOGLE图片搜索。


  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值