Keep on going, never give up.

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的兼容问题根本不用担心,他们会因为商业利益问题一夜之间就可以解决。

下面天缘总结了一些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图片搜索。

 

参考资料:

http://en.wikipedia.org/wiki/HTML5

http://www.w3.org/TR/html5/

更多文章:

网站设计:网页宽度和高度设置参考建议

网页语言ASP.NET、PHP、JSP的特性区别及选择建议

网页图片宽度和高度自适应的方法汇总

用Javascript实现网页内容水平或垂直滚动

网页框架FRAME的使用技巧

相关评论(0):  

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

订阅博客

最新文章

本站采用创作共用版权协议, 要求署名、非商业用途和保持一致. 转载也必须遵循“署名-非商业用途-保持一致”的创作共用协议. 返回顶部
Copyright@2005-2016 Metsky.com, All rights Reserved.